.anypopup-info-text, .anypopup-info-text-center { text-align: center } .anypopup-info-panel-wrapper { position: relative; width: 100%; background-color: #181a1e; color: #fff; padding-bottom: 10px; padding-top: 5px; line-height: 1.231 } .anypopup-info-panel-wrapper .dashicons { line-height: 1.231; margin-left: 10px; margin-right: 10px } .anypopup-info-panel-wrapper:after { content: ""; display: table; clear: both } .anypopup-info-panel-row { width: 100% } .anypopup-info-panel-row [class*=anypopup-info-panel-col]:first-child { margin-left: 3% } .anypopup-info-panel-col-3 { display: block; float: left; width: 30%; min-height: 30px; margin-left: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .anypopup-info-text { margin-top: 10px; margin-bottom: 10px; font-size: 20px } .anypopup-info-text-white { color: #fff } .anypopup-info-link, .anypopup-info-text-highlight { color: #30c2f3 } .anypopup-info-link { font-style: italic } .anypopup-info-links { color: #30c2f3; text-decoration: none } .anypopup-info-logo { font-size: 35px; margin-bottom: 15px } .anypopup-info-upgrade-pro { position: relative; border: 1px solid #30c2f3; font-size: 30px; color: #fff; text-decoration: none; border-radius: 2px; display: inline-block; margin-top: 10px; text-align: center; padding: 10px 15px 10px 60px } .anypopup-info-upgrade-pro:before { content: ''; display: block; position: absolute; width: 32px; height: 32px; content: url(../img/anypopup-shopping-cart-white.png); left: 10px; top: 50%; margin-top: -16px } .anypopup-info-upgrade-pro:hover { border-color: #fff; color: #30c2f3 } .anypopup-info-upgrade-pro:hover:before { content: url(../img/anypopup-shopping-cart-blue.png); } .anypopup-info-menu { text-align: left; list-style-type: none } .anypopup-info-menu li { padding-bottom: 5px } .anypopup-info-blink { animation: anypopup-info-blinker 11s infinite; -webkit-animation: anypopup-info-blinker 11s infinite } .anypopup-info-close { float: right; color: #fff; position: absolute; right: 11px; font-size: 30px; top: 3px; cursor: pointer; transform: rotate(45deg); margin: -3px -3px 0 } .anypopup-dont-show-agin { position: absolute; bottom: 10px; right: 12px; cursor: pointer } .anypopup-social-headline { font-size: 30px; color: #fff; margin-top: 13px; margin-bottom: 25px; } .anypopup-social-icons-wrapper { width: 100%; text-align: center; } .anypopup-social-icon { width: 50px; height: 48px; box-sizing: border-box; display: inline-block; background-size: 150px 44px; background-repeat: no-repeat; background-image: url(../img/social-icons.png); } .anypopup-social-icons-wrapper .anypopup-social-icon:not(:first-child) { margin-left: 10px; } .social-icon-tw { background-position: -50px 0px; } .social-icon-gp { background-position: -100px 0px; } @keyframes anypopup-info-blinker { 0% { opacity: 0 } 10%, 100% { opacity: 1 } } @media (min-width: 992px) and (max-width: 1199px) { .anypopup-info-panel-wrapper .dashicons, .anypopup-info-text { font-size: 15px } .anypopup-info-logo, .anypopup-info-upgrade-pro { font-size: 25px } .anypopup-social-icon { margin: 0px; } } @media (min-width: 768px) and (max-width: 991px) { .anypopup-info-panel-wrapper .dashicons, .anypopup-info-text { font-size: 13px } } @media (max-width: 767px) { .anypopup-info-panel-wrapper .dashicons, .anypopup-info-text { font-size: 12px } .anypopup-info-logo, .anypopup-info-upgrade-pro { font-size: 18px } } @media (max-width: 480px) { .anypopup-info-panel-col-3 { width: 45% } .anypopup-info-panel-wrapper .dashicons, .anypopup-info-text { font-size: 10px } .anypopup-info-logo, .anypopup-info-upgrade-pro { font-size: 15px } }