/* ======================================================
# Cookies Policy Notification Bar - Joomla! Plugin v3.2.8 (PRO version)
# -------------------------------------------------------
# For Joomla! 3.x
# Author: Yiannis Christodoulou (yiannis@web357.eu)
# Copyright (©) 2009-2018 Web357. All rights reserved.
# License: GNU/GPLv3, http://www.gnu.org/licenses/gpl-3.0.html
# Website: https://www.web357.eu/
# Demo: http://demo.web357.eu/?item=cookiespolicynotificationbar
# Support: support@web357.eu
# Last modified: 29 Mar 2018, 09:37:10
========================================================= */

#w357_cpnb, 
#w357_cpnb * {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
#w357_cpnb {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 999999999 !important;
	width: 100%;
	margin-top: 0;
	clear: both;
}
#w357_cpnb.light {
	color: #1a1a1a;
	background: #fff;
	border-color: rgba(223,223,223,0.85);
}
#w357_cpnb.top {
	top: 0;
	bottom: auto;
	border-top-width: 0px;
	border-bottom-width: 1px;
}
#w357_cpnb.absolute {
	position: absolute;
}
#w357_cpnb a {
	color: #3B89C7;
}
#w357_cpnb #w357_cpnb_outer {
	border-color: #202226;
	border-style: solid;
	border-top-width: 1px;
	background: rgba(32,34,38,0.8); /*#323A45*/
	color: #F1F1F3;
	font-family: Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 12px;
}
#w357_cpnb.light #w357_cpnb_outer {
	background: #F9FAFC;
}
#w357_cpnb #w357_cpnb_inner {
	padding: 10px 20px;
	overflow: hidden;
}
#w357_cpnb #w357_cpnb_message {
	float: left;
	text-align: justify;
}
#w357_cpnb #w357_cpnb_buttons {
	float: right;
}
#w357_cpnb a.w357_cpnb_button,
#cpnb_modal a.w357_cpnb_button {
	padding: 4px 8px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #3B89C7;
	color: #ffffff;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	transition: 0.25s;
	cursor: pointer;
}
#w357_cpnb a.w357_cpnb_button:hover, 
#w357_cpnb a.w357_cpnb_button:focus,
#cpnb_modal a.w357_cpnb_button:hover, 
#cpnb_modal a.w357_cpnb_button:focus {
	background-color: #3176AF;
	color: #FFFFFF;
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	transition: 0.25s;
}
#w357_cpnb a#w357_cpnb_button_more {
	margin-left: 10px;
	background: #7B8A8B;
}
#w357_cpnb a#w357_cpnb_button_more:hover, 
#w357_cpnb a#w357_cpnb_button_more:focus {
	background: #697677;
}

/* debug mode */
.debug_mode {
	border-width: 4px;
	position: absolute;
	opacity: 0.95;
	z-index: 99;
}
.debug_mode h4 {
	margin-top: 30px !important;
	margin-bottom: 15px !important;
}

/* Responsive rules */

@media (max-width: 1025px) {
	#w357_cpnb {
		margin-top: 60px;
	}
	#w357_cpnb #w357_cpnb_message {
		width: 60%;
	}
	#w357_cpnb #w357_cpnb_buttons {
		margin-top: 8px;
	}
}
@media (min-width: 603px) and (max-width: 1024px) {
	#w357_cpnb {
		margin-top: 65px;
	}
	#w357_cpnb #w357_cpnb_message {
		width: 60%;
	}
	#w357_cpnb #w357_cpnb_buttons {
		margin-top: 10px;
	}
	#w357_cpnb a#w357_cpnb_button_more {
		margin-top: 10px;
	}
}
@media (max-width: 602px) {
	#w357_cpnb {
		margin-top: 100px;
	}
	#w357_cpnb #w357_cpnb_message {
		float: none;
		width: 100%;
		display: block;
		clear: both;
		margin-bottom: 15px;
	}
	#w357_cpnb #w357_cpnb_buttons {
		float: none;
		width: 100%;
		clear: both;
		text-align: center;
		margin-top: 0;
		margin-bottom: 10px;
	}
}

/* Modal Styling */
.cpnb-modal-wrap { z-index: 99999; position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow-y: scroll; -webkit-transition: all 4s ease-out 0s; -moz-transition: all 4s ease-out 0s; -ms-transition: all 4s ease-out 0s; -o-transition: all 4s ease-out 0s; transition: all 4s ease-out 0s; overflow: hidden; }
.cpnb-modal-bg { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: flex-start; -ms-flex-align: center; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 100%; background-color: rgba(0,0,0,.5); padding: 2em }
.cpnb-modal { position: relative; width: 100%; padding: 2em; background-color: #fff; z-index: 50000; box-shadow: 0 .25em .5em rgba(black,.25); min-height: 150px; max-height: 650px; overflow: auto; -webkit-overflow-scrolling: touch; }
.cpnb-modal--small { max-width: 32em }
.cpnb-modal--medium { max-width: 48em }
.cpnb-modal--large { max-width: 64em }
.cpnb-modal--full { max-width: none }
.cpnb-modal-close { position: absolute; right: 20px; top: 20px; cursor: pointer; opacity: .5; background: url("../icons/close-icon-20x20.png"); width: 20px; height: 20px; }
.cpnb-modal-close:hover { opacity: 1 }
.cpnb-modal-footer { height: 60px; padding: 10px; border-radius: 0 0 4px 4px }
.cpnb-modal-actions { float: right }