/** 
 * Filename: i-agree-popups.css
 * Description: I Agree! Popup Styles
 * Version: 1.0.0 (19-02-16)
 * Author: Talisman
**/

.iAgreePopup {position:fixed; top:0; left:0; right:0; bottom:0; display:none; z-index:99998;}
.iAgreePopup .popupBG {background:#000; opacity:0.8; position:absolute; top:0; left:0; right:0; bottom:0; z-index:0; }
.iAgreePopup .popupContainer {height:90%; max-height:600px; width:90%; max-width:850px; left:50%; top:50%; background:#fff; z-index:1; position:absolute;border-radius: 12px;background-color: #e1e1e1; }
.iAgreePopup .popupContainer .popupContent {position:absolute; top: 20px; left:20px; right:20px; bottom:70px; overflow:auto; background-color: #ffffff;padding: 15px;}
.iAgreePopup .popupContainer .popupChoices {bottom:20px;position:absolute; left:20px; right:20px;}
.iAgreePopup .popupContainer .popupChoices .yesNo {float:left; height: auto;}
.iAgreePopup .popupContainer .popupChoices .popupChoiceButton {font-size: 14px; border-radius: 18px; padding: .3em .75em;  display: inline-block; background-color: #000; color: #ffffff; line-height:1.5em!important; vertical-align:middle;}
.iAgreePopup .popupContainer .popupChoices a:hover.popupChoiceButton  {opacity:0.7; text-decoration: none; color: #ffffff; transition: background .2s ease; border: none;}
.iAgreePopup .popupContainer .popupChoices .popupChoiceButton.agree {margin-right:10px;}
#wpadminbar #wp-admin-bar-i-agree-popups .ab-icon:before {content: '\f314';top: 3px;}

/* Smaller devices */ 
@media only screen and (max-width : 540px) {
    .iAgreePopup .popupContainer {height:100%; max-height:inherit; width:100%; max-width:inherit; left:0; top:0; margin:0!important; position:fixed;}	
}

/* Extra small devices */	
@media only screen and (max-width : 480px) {
    .iAgreePopup .popupContainer .popupChoices .popupChoiceButton.agree {margin-bottom:10px;}
    .iAgreePopup .popupContainer .popupContent {bottom:110px;}	
    .iAgreePopup .popupContainer .popupChoices .popupChoiceButton { display:block;}
}