/** 
 * 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:450px; 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:10px; 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:70%; width:100%; max-width:80%; left:10%; top:10%; margin:0!important; position:fixed;}	
	 .iAgreePopup .popupContainer p
	 {
		 font-size:12px; line-height:14px;
	 }
}

/* 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;}
}