/** 
 * 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:40%; width:90%; max-width:850px; left:50%; top:50%; background:#fff; z-index:1; position:absolute;border-radius: 5px;background-color: #e1e1e1; }
.iAgreePopup .popupContainer .popupContent {position:absolute; top: 10px; left:10px; right:10px; bottom:70px; overflow:auto; background-color: #ffffff;padding: 50px;}
.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: 16px; border-radius: 5px; padding: 5px 10px;  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 : 1280px) {
.iAgreePopup .popupContainer {height:60%; width:90%; max-width:850px; left:50%; top:50%; background:#fff; z-index:1; position:absolute;border-radius: 5px;background-color: #e1e1e1; }
}


/* Smaller devices */ 
@media only screen and (max-width : 960px) {
.iAgreePopup .popupContainer {height:80%; width:90%; max-width:850px; left:50%; top:50%; background:#fff; z-index:1; position:absolute;border-radius: 5px;background-color: #e1e1e1; }
}