/*
 * Please see wp-cookie-allow.php for more details.
 * @author $Author: Vincent Weber <vincent@webrtistik.nl> $
 * @version $Id: wpca-frontend.css 119 2013-02-28 19:46:24Z Vincent Weber <vincent@webrtistik.nl> $
 * @since 1.0
 */
 
#wpca-bar, #wpca-bar * { box-sizing:border-box } 
#wpca-bar { position:fixed; width:100%; min-height:30px; height:auto; display:block; z-index:99999; padding:15px 20px }
#wpca-bar { background-color:#444444 }

#wpca-bar.wpca-bar-align-left p { text-align:left; }
#wpca-bar.wpca-bar-align-center p { text-align:center }
#wpca-bar.wpca-bar-align-right p { text-align:right }

#wpca-bar.wpca-bar-top { top:0; left:0; }
#wpca-bar.wpca-bar-bottom { bottom:0; left:0; }
#wpca-bar-content { width:80%; min-height:40px; text-align:center; display:inline-block; vertical-align:top }

#wpca-bar-meta { width:20%; display:inline-block; vertical-align:top; text-align:right }
#wpca-bar-meta .wpca-btn-accept { display:inline-block }
.wpca-btn-accept { height:auto; min-height:40px; border-radius:2px; padding:10px 20px 10px; border:0 none; font-size:16px; font-weight:normal; text-transform:none; cursor:pointer }
.wpca-btn-accept:before { content:none !important }

#wpca-bar-content p { padding:0 5px; margin:0; position:relative; z-index:100; opacity:100; min-height:40px }
#wpca-bar-content * { font-size:16px; line-height:40px }
.wpca-btn-cookie-settings { cursor:pointer }
#wpca-bar-meta .wpca-btn-cookie-settings { margin-right:10px }

/** 
 * Responsive behaviour 
 */
#wpca-bar img { max-width:100%; height:auto }

/* (JS is adding the "bar-rspnsve" class */
.bar-rspnsve #wpca-bar-content, .bar-rspnsve #wpca-bar-meta { display:block; width:100% }  
.bar-rspnsve #wpca-bar-content * { font-size:14px; line-height:26px }
.bar-rspnsve #wpca-bar-meta { padding-top:5px }
.bar-rspnsve #wpca-bar-meta .wpca-btn-accept { width:100% }

/* Responsive - media queries (fallback) */

@media screen and (max-width: 640px) {
	#wpca-bar-content, .bar-rspnsve #wpca-bar-meta { display:block; width:100% }  
	#wpca-bar-content * { font-size:14px; line-height:26px }
	#wpca-bar-meta { padding-top:5px }
	#wpca-bar-meta .wpca-btn-accept { width:100% }
}

@media screen and (max-width: 430px) {}
@media screen and (max-width: 396px) {}
@media screen and (max-width: 360px) {}