/*
 * Cookie Confirm CSS
 *
 * @package         Cookie Confirm
 * @author          Jurian Even <info@twentronix.nl>
 * @link            http://www.twentronix.nl
 * @copyright       Copyright © 2012 Twentronix. All Rights Reserved
 * @license         GNU General Public License version 3 or later; see LICENSE.txt
 **/

/**
CORE STYLES - Mobile first
*/

/* Reset Styles*/
#cc-modal,#cc-tag,#cc-notification,
#cc-modal div,#cc-modal span,#cc-modal iframe,
#cc-modal h1,#cc-modal h2,#cc-modal h3,#cc-modal h4,#cc-modal h5,#cc-modal h6,#cc-modal p,#cc-modal pre,#cc-modal a,#cc-modal code,#cc-modal em,#cc-modal img,#cc-modal s,#cc-modal small,#cc-modal strong,#cc-modal b,#cc-modal u,#cc-modal i,#cc-modal dl,#cc-modal dt,#cc-modal dd,#cc-modal ol,#cc-modal ul,#cc-modal li,#cc-modal form,#cc-modal label,
#cc-settingsmodal div,#cc-settingsmodal span,#cc-settingsmodal iframe,#cc-settingsmodal h1,#cc-settingsmodal h2,#cc-settingsmodal h3,#cc-settingsmodal h4,#cc-settingsmodal h5,#cc-settingsmodal h6,#cc-settingsmodal p,#cc-settingsmodal pre,#cc-settingsmodal a,#cc-settingsmodal code,#cc-settingsmodal em,#cc-settingsmodal img,#cc-settingsmodal s,#cc-settingsmodal small,#cc-settingsmodal strong,#cc-settingsmodal b,#cc-settingsmodal u,#cc-settingsmodal i,#cc-settingsmodal dl,#cc-settingsmodal dt,#cc-settingsmodal dd,#cc-settingsmodal ol,#cc-settingsmodal ul,#cc-settingsmodal li,#cc-settingsmodal form,#cc-settingsmodal label,
#cc-tag div,#cc-tag span,#cc-tag iframe,#cc-tag h1,#cc-tag h2,#cc-tag h3,#cc-tag h4,#cc-tag h5,#cc-tag h6,#cc-tag p,#cc-tag pre,#cc-tag a,#cc-tag code,#cc-tag em,#cc-tag img,#cc-tag s,#cc-tag small,#cc-tag strong,#cc-tag b,#cc-tag u,#cc-tag i,#cc-tag dl,#cc-tag dt,#cc-tag dd,#cc-tag ol,#cc-tag ul,#cc-tag li,#cc-tag form,#cc-tag label,
#cc-notification div,#cc-notification span,#cc-notification iframe,#cc-notification h1,#cc-notification h2,#cc-notification h3,#cc-notification h4,#cc-notification h5,#cc-notification h6,#cc-notification p,#cc-notification pre,#cc-notification a,#cc-notification code,#cc-notification em,#cc-notification img,#cc-notification s,#cc-notification small,#cc-notification strong,#cc-notification b,#cc-notification u,#cc-notification i,#cc-notification dl,#cc-notification dt,#cc-notification dd,#cc-notification ol,#cc-notification ul,#cc-notification li,#cc-notification form,#cc-notification label 
{margin:0; padding:0; border:0; font-family:Verdana,Arial,Helvetica,sans-serif !important; font-weight:400; line-height:1.4em; text-align:left; vertical-align:baseline; text-shadow:none; text-transform:none !important; background:none;}

#cc-notification-wrap {background:rgb(29,29,29) !important; background-color:rgba(29,29,29,0.92) !important; padding:20px /*3%*/0; color:#F5F5F5 !important; position:fixed !important; z-index:99999998 !important; left:0 !important; width:/*94%*/100% !important;}
#cc-notification {margin:0 auto; max-width:1140px;}
#cc-notification-wrap.cc-bottom-slide {border-top:solid 1px #000 !important; bottom:0 !important;}
#cc-notification-wrap.cc-top-slide {border-bottom:solid 1px #000 !important; top:0 !important;}
#cc-notification-wrap.cc-top-push {background-color:rgba(29,29,29,1.00) !important; border-bottom:solid 1px #000 !important; top:0 !important;}
#cc-notification #cc-notification-permissions {display:none; text-align:center;}
#cc-notification {padding:0px 3%; width:94% !important;}

#cc-notification h2 {color:#dfdfdf!important; font-size:15px !important; font-weight:bold !important; line-height:1.4em !important; text-align:center;}
#cc-notification a, #cc-modal .cc-content a {color:#0171B2 !important; font-size:15px !important; outline:0 !important; text-decoration:none!important; -moz-transition:color 0.3s ease-out 0s;  -webkit-transition:color 0.3s ease-out 0s;}
#cc-notification a:hover, #cc-modal .cc-content a:hover {color:#B2F7FF !important;}

/* Buttons */
#cc-notification-buttons-wrap {text-align:center;}
#cc-notification ul.cc-notification-buttons {text-align:center;}
#cc-notification ul.cc-notification-buttons li {list-style:none !important; margin:10px 0 0 0; padding:0 !important; text-align:center;}
#cc-modal #cc-decline-button,
#cc-modal #cc-accept-button,
#cc-notification ul.cc-notification-buttons li a,
#cc-notification ul.cc-notification-buttons li a:visited {border-radius:5px !important; -moz-border-radius:5px !important; -webkit-border-radius:5px !important; border-style:solid; border-width:1px; 
                                                            display:block; font-size:15px!important; font-weight:600; line-height:1.4em; margin:0 auto; padding:0.7em; text-align:center; text-decoration:none!important; text-shadow:0 -1px 0 rgba(0,0,0,0.35);
                                                            transition:background 0.2s ease-in-out 0s,color 0.2s ease-in-out 0s,box-shadow 0.2s ease-in-out 0s; -o-transition:background 0.5s ease-in; -webkit-transition:background 0.25s ease-in; 
                                                            -moz-transition:background 0.2s ease-in-out 0s,color 0.2s ease-in-out 0s,-moz-box-shadow 0.2s ease-in-out 0s; -webkit-transition:background 0.2s ease-in-out 0s,color 0.2s ease-in-out 0s,-webkit-box-shadow 0.2s ease-in-out 0s;
                                                             max-width:400px;}
#cc-notification ul.cc-notification-buttons li a:hover {cursor:pointer;}
#cc-notification ul.cc-notification-buttons li a:active {border-style:solid; border-width:1px;} 

/* Approve + Accept Button */
#cc-modal #cc-accept-button,
#cc-notification ul.cc-notification-buttons li a#cc-approve-button {background-color:#5B9231; background-image:-moz-linear-gradient(center top, #63A62F, #5B9231); border-color:#63A62F #63A62F #5B992B; box-shadow:0 1px 0 0 #96CA6D inset; color:#fff !important; margin-top:1em;}
#cc-modal #cc-accept-button:hover,
#cc-notification ul.cc-notification-buttons li a#cc-approve-button:hover, #cc-modal #cc-accept-button:hover {background-color:#6db139; background-image:-moz-linear-gradient(center top,#6db139,#6db139); border-color:#436b24; color:#fff !important;}
#cc-modal #cc-accept-button:active,
#cc-notification ul.cc-notification-buttons li a#cc-approve-button:active {border-color:#436b24 #436b24 #3e6421; box-shadow:0 0 8px 4px #436b24 inset,0 1px 0 0 #111;}

/* Decline Button */
#cc-modal #cc-decline-button,
#cc-notification ul.cc-notification-buttons li a#cc-decline-button {background-color:#555; border-color:#656565 #656565 #6f6d6d; box-shadow:0 1px 0 0 #6a6a6a inset; color:#aaa !important;}
#cc-modal #cc-decline-button:hover,
#cc-notification ul.cc-notification-buttons li a#cc-decline-button:hover {background-color:#f40000; border-color:#b70000; box-shadow:0 0 0 0; color:#fff !important;}
#cc-modal #cc-decline-button:active,
#cc-notification ul.cc-notification-buttons li a#cc-decline-button:active {border-color:#b70000 #b70000 #b70000; box-shadow:0 0 8px 4px #c80000 inset,0 1px 0 0 #111;}

/* Modal overwrite Accept/Decline Buttons */
#cc-modal #cc-accept-button {margin:0 0 1em !important;}

/* Dropdown text */
#cc-notification .cc-fulltext-info {font-size:14px !important; line-height:1.4em !important; text-align:center; margin:0 auto; padding:20px 0;}
#cc-notification p.cc-cookie-policy-link {text-align:center;}
#cc-notification p.cc-cookie-policy-link a {font-weight:bold; font-size:16px;}
#cc-notification a#cc-notification-readmore {display:inline-block; font-weight:bold !important;}

/* Tag */
#cc-tag {position:fixed !important; z-index:999999999 !important; display:none;}
#cc-tag.cc-tag-bottom-left {left:0 !important; bottom:0 !important;}
#cc-tag.cc-tag-bottom-right {right:0 !important; bottom:0 !important;}
#cc-tag.cc-tag-bottom-left .cc-tag-cookies-declined,
#cc-tag.cc-tag-bottom-left .cc-tag-cookies-accepted,
#cc-tag.cc-tag-bottom-right .cc-tag-cookies-declined,
#cc-tag.cc-tag-bottom-right .cc-tag-cookies-accepted {background-image:url(../images/cc_tag.png); background-repeat:no-repeat; height:62px; width:62px;}
#cc-tag.cc-tag-bottom-left .cc-tag-cookies-declined {background-position:0 0;}
#cc-tag.cc-tag-bottom-left .cc-tag-cookies-accepted {background-position:0 -63px;}
#cc-tag.cc-tag-bottom-right .cc-tag-cookies-declined {background-position:-63px 0;}
#cc-tag.cc-tag-bottom-right .cc-tag-cookies-accepted {background-position:-63px -63px;}
#cc-tag a {padding:0 12px !important; text-decoration:none !important;}

#cc-modal-overlay {background:rgb(255,255,255) !important; background-color:rgba(255,255,255,0.8) !important; display:none; width:100% !important; height:1000% !important; position:fixed !important; top:0 !important; left:0 !important; z-index:999999 !important;}
#cc-modal,
#cc-settingsmodal {display:none; width:100% !important; height:1000% !important; position:fixed !important; top:0 !important; left:0 !important; z-index:99999999 !important;}
#cc-settingsmodal {z-index:9999999999 !important;}
#cc-modal #cc-modal-wrapper {margin:100px auto !important;}
#cc-modal,
#cc-tag,
#cc-notification {line-height:1 !important;}
.cc-clear {clear:both !important;}

#cc-modal a,
#cc-tag a,
#cc-notification a,
#cc-modal a:hover,
#cc-tag a:hover,
#cc-notification a:hover {background-color:transparent;}

#cc-modal a#footerlogo span {display:block; height:31px !important; margin-top:4px !important; text-indent:-5000px !important; width:126px !important;}
#cc-modal #cc-modal-wrapper a#footerlogo,footer#mainfooter a#footerlogo,
#cc-modal #cc-modal-wrapper a#footerlogo,footer#mainfooter a#footerlogo:active,
#cc-modal #cc-modal-wrapper a#footerlogo,footer#mainfooter a#footerlogo:visited {display:block; margin-top:20px !important; color:#868686 !important; text-decoration:none !important;}

#cc-modal #cc-modal-wrapper .cc-getforsite {position:absolute; right:16px; bottom:16px;}
#cc-modal.cc-mobile #cc-modal-wrapper .cc-getforsite {position:relative !important; margin-top:30px !important; margin-left:16px;}
#cc-modal.cc-mobile {width:100% !important; position:relative !important; top:0 !important; left:0 !important; height:auto !important; z-index:999999999999 !important;}

#cc-tag {height:62px; width:62px;}
#cc-tag a,
#cc-tag a:visited {display:block; height:62px; padding:0 !important; width:62px;}
 
#cc-modal {font-family:Verdana,Arial,Helvetica,sans-serif !important; font-size:14px !important;}
#cc-modal #cc-modal-wrapper {max-width:430px !important; min-width:260px !important; width:100% !important; margin:40px auto !important; background-color:#1d1d1d !important; border-radius:8px; color:#f5f5f5 !important; text-align:left !important; position:relative !important; /*max-height:8%;*/ overflow-y:auto;
 box-shadow:0px 0px 30px #000; -moz-box-shadow:0px 0px 30px #000; -webkit-box-shadow:0px 0px 30px #000;}
#cc-modal #cc-modal-inner {padding:20px !important; }
#cc-modal #cc-modal-wrapper a.cc-consentchange:hover {background-color:#31A8F0 !important;}
#cc-modal #cc-modal-wrapper ul {margin:0 !important; padding:0 100px !important; list-style:none !important;}
#cc-modal.cc-mobile #cc-modal-wrapper ul {padding:0 !important;}
#cc-modal #cc-modal-wrapper li {clear:both !important; margin:0 !important; padding:50px 0 0 !important; list-style:none !important; position:relative;}
#cc-modal #cc-modal-wrapper li strong {width:480px !important; float:left !important; display:block !important; color:#31a8f0 !important; font-size:16pt; font-weight:400 !important;}
#cc-modal.cc-mobile #cc-modal-wrapper li strong {float:none !important;}
#cc-modal #cc-modal-wrapper li span {width:100% !important; float:left !important; clear:left !important; display:block !important; color:#7A7A7A !important; line-height:1.2em; font-size:12pt !important; margin-top:8px;}
#cc-modal.cc-mobile #cc-modal-wrapper li span {float:none !important;}
#cc-modal #cc-modal-wrapper p {line-height:1em; margin-top:12px; color:#F5F5F5 !important;}
#cc-modal #cc-modal-wrapper .cc-content {padding-top:8px; clear:both; overflow-y:auto;}
#cc-modal.cc-mobile #cc-modal-wrapper .cc-content {height:auto !important; overflow:hidden !important;}
#cc-modal #cc-modal-wrapper h2 {font-size:24px !important; color:#FFF !important; font-weight:400; margin:0 20px !important; text-align:center!important;}
#cc-modal #cc-modal-wrapper h2 span,
#cc-modal #cc-modal-wrapper p.cc-content {color:#a0a0a0 !important; margin:20px 0 !important; font-size:14px !important; line-height:1.4em;}
#cc-modal.cc-mobile #cc-modal-wrapper p.cc-subtitle {margin-left:0 !important;}
#cc-modal #cc-modal-closebutton a {background-image:url(../images/modal_close.png) !important; display:block !important; height:24px !important; position:absolute !important; right:10px !important; top:10px !important; width:24px !important; background-position:0 0;}
#cc-modal #cc-modal-closebutton a:hover {background-position:0 -24px;}
#cc-modal #cc-modal-closebutton a span {display:none;}
#cc-modal #cc-modal-wrapper #cc-modal-footer-buttons {margin-left:57px !important; margin-top:25px !important;}
#cc-modal.cc-mobile #cc-modal-wrapper #cc-modal-footer-buttons {position:relative; width:auto; padding-top:10px !important; margin-left:0 !important;}
#cc-modal #cc-modal-wrapper a.cc-readmore-link,
#cc-notification a.cc-readmore-link {color:#FFF !important;}
#cc-modal.cc-mobile #cc-modal-wrapper {height:auto !important; max-height:none !important; min-height:inherit !important; margin-top:0 !important; width:auto !important;}
#cc-modal.cc-mobile #cc-modal-wrapper h2 {width:auto !important;  margin-left:0 !important;}
#cc-modal.cc-mobile #cc-modal-wrapper h2 span {display:block; margin-top:8px;}
#cc-modal.cc-mobile #cc-modal-wrapper {border:0 !important; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; background-image:none !important; max-height:none !important;}
#cc-modal.cc-mobile #cc-modal-wrapper li span {width:auto !important; float:none !important;}
#cc-modal.cc-mobile #cc-modal-wrapper a.cc-consentchange {margin-top:10px !important; float:none !important;}
#cc-modal #cc-modal-wrapper li strong {width:auto !important;}

/* Placeholder */
.cc-blocked-placeholder {background:#fff !important; border-radius:3px !important; color:#333 !important; border:1px solid #ccc !important; box-shadow:0 0 5px #e2e2e2 inset !important; font-family:Verdana,Arial,Helvetica,sans-serif !important; font-size:14px !important; line-height:1.5em !important; margin:1em 0 !important; padding:1.8em 5% !important; text-align:center !important; width:90% !important;}
.cc-blocked-placeholder a.cc-button-enableall {background-color:#6cae39 !important; background-image:-moz-linear-gradient(center top,#7FBF4D,#63A62F) !important; border-color:#63A62F #63A62F #5B992B !important; border-radius:3px !important; border-style:solid !important; border-width:1px !important; box-shadow:0 1px 0 0 #96CA6D inset !important; color:#fff !important; display:block !important; font-size:18px !important; line-height:1.4em !important; margin-top:1em !important; -moz-border-bottom-colors:none !important; -moz-border-image:none !important; -moz-border-left-colors:none !important; -moz-border-right-colors:none !important; -moz-border-top-colors:none !important; padding:0.5em 0.75em !important; text-decoration:none!important; text-shadow:0 -1px 0 rgba(0,0,0,0.35) !important; -o-transition:background 0.5s ease-in !important; -webkit-transition:background 0.25s ease-in !important; -moz-transition:background 0.25s ease-in !important;}
.cc-blocked-placeholder a.cc-button-enableall:hover {background-color:#64a334 !important; background-image:-moz-linear-gradient(center top,#76B347,#5E9E2E) !important; box-shadow:0 1px 0 0 #8DBF67 inset !important; cursor:pointer !important;}
.cc-blocked-placeholder a.cc-button-enableall:active {border-color:#5B992B #5B992B #538C27 !important; border-style:solid !important; border-width:1px !important; box-shadow:0 0 8px 4px #548C29 inset,0 1px 0 0 #EEEEEE !important;}

/*============================================================================= */

/* 600px */
@media only screen and (min-width: 600px) {
    #cc-notification-wrap {padding-top:15px; padding-bottom:15px;}   
    #cc-notification #cc-notification-permissions {clear:both; text-align:left;}
    
    /* Left */
    #cc-notification #cc-notification-text-wrap {float:left; padding-top:10px; width:60%;}
    #cc-notification .cc-fulltext-info {margin:0; max-width:600px; text-align:left;}
    #cc-notification h2 {float:left; line-height:1.4em; text-align:left;}
    #cc-notification p.cc-cookie-policy-link {font-weight:bold !important; text-align:left;}

    /* Right */
    #cc-notification #cc-notification-buttons-wrap {float:left; width:40%;}
    #cc-notification ul.cc-notification-buttons li {float:left; margin:5px 0; min-width:185px; width:50%;}
    #cc-notification ul.cc-notification-buttons li a,
    #cc-notification ul.cc-notification-buttons li a:visited {float:left; margin:0 0 0 10%; padding:0.5em 0; width:90%;}
    #cc-notification ul.cc-notification-buttons li a#cc-approve-button {margin-top:0;} 
}