/*---
2D3D4D
---*/
p.chromeframe {background-color:#ff0000; line-height:25px; font-size:14px; font-family: Arial, sans-serif; text-align:center; position:absolute; width:100%;}
p.chromeframe a {color:#ffffff; font-weight: bold; text-transform: uppercase;}
p.chromeframe a:hover {text-decoration: underline;}

.m_t{margin-top:80px;}.m_b{margin-bottom:80px;}.m_t40{margin-top:40px;}.m_b40{margin-bottom:40px;}.m_t20{margin-top:20px;}.m_b20{margin-bottom:20px;}.m_t10{margin-top:10px;}.m_b10{margin-bottom:10px;}.m_t5{margin-top:5px;}.m_b5{margin-bottom:5px;}.m_t0{margin-top:0px;}.m_b0{margin-bottom:0px;}
.p_t{padding-top:80px;}.p_b{padding-bottom:80px;}.p_t40{padding-top:40px;}.p_b40{padding-bottom:40px;}.p_t20{padding-top:20px;}.p_b20{padding-bottom:20px;}.p_t10{padding-top:10px;}.p_b10{padding-bottom:10px;}.p_t5{padding-top:5px;}.p_b5{padding-bottom:5px;}.p_t0{padding-top:0px;}.p_b0{padding-bottom:0px;}
.m_y {margin-top:80px;margin-bottom:80px}.m_y40{margin-top:40px;margin-bottom:40px;}.m_y20{margin-top:20px;margin-bottom:20px;}.m_y10{margin-top:10px;margin-bottom:10px}.m_y5{margin-top:5px;margin-bottom:5px}.m_y0{margin-top:0;margin-bottom:0}
.m_r5{margin-right:5px;}.m_l5{margin-left:5px;}
.p_y {padding-top:80px;padding-bottom:80px}.p_y40{padding-top:40px;padding-bottom:40px;}.p_y20{padding-top:20px;padding-bottom:20px;}.p_y10{padding-top:10px;padding-bottom:10px}.p_y5{padding-top:5px;padding-bottom:5px}.p_y0{padding-top:0;padding-bottom:0}
.p_r0 {padding-right:0}
.p_l0 {padding-left:0}
img{max-width:100%;}
* {outline:none !important;}

a, .btn, a img, a path {-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;}
#main_menu ul li ul {-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}

body {-webkit-backface-visibility: hidden;font-family: Georgia, serif;font-size:14px;color:#333333;background-color:#e7f1f2}
.sans {font-family: 'Oswald', sans-serif;}
.serif {font-family: Georgia, serif;}
h1, .h1 {font-size:30px;}
h3, .h3 {font-size:23px;}
a, a:hover, a:focus {color:#000000}
a:hover, a:focus {cursor:pointer}
a:hover img.hover, a:focus img.hover {transform:scale(1.1,1.1)}
.no_ov {overflow:hidden;}
.gray {color:#7f7f7f}
.white {color:#ffffff;}
.bg_white {background-color:#ffffff;}
.btn, .form-control {border-radius:0}
.btn-primary {background-color:#000000}
.list-inline.pipe {margin:5px 0 0 0;color:#333333;display: flex;
	align-items: center;
	gap: 2px;}
.list-inline.pipe li {padding:0;display: flex;
    align-items: center;
    gap: 2px;}
.list-inline.pipe li:after {content:"|";padding-left:3px;margin-right:1px;}
.list-inline.pipe li:last-child:after {content:""}
.list-inline.pipe li a{
	display: flex;
	align-items: center;
	gap: 2px;
}
.list-inline.icon {margin:5px 0 0 0;color:#333333;}
.list-inline.icon li {padding:0 3px;}
.list-inline.icon li:after {content:"";padding-left:0;margin-right:0;}
.list-inline.icon li:last-child:after {content:""}
.list-inline.large_pipe {margin:0}
.list-inline.large_pipe li {padding:0;}
.list-inline.large_pipe li:after {content:"|";padding-left:7px;margin-right:5px;}
.list-inline.large_pipe li:last-child:after {content:""}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {border-color:#000000;background-color:#000000}
.pagination>li>a, .pagination>li>span {color:#000000}

.dashed_box {border-bottom:1px solid #333333}
.right_box {background-color:#d8f1f5;border:2px solid #333333;border-top-width:10px;padding:10px 20px;}

@media screen and (max-width:767px) {
	h1, .h1 {font-size:20px;}
	#author_name {margin-top:5px}
}

/*--- TOP ---*/
#topbar {background-color:#000000;color:#ffffff;padding:10px 20px;padding-top:calc(10px + env(safe-area-inset-top));font-size:12px;}
#topbar ul {margin-bottom:0}
#topbar i {margin:0 5px;}
#topbar a {color:#ffffff;}
#topbar a:hover, #topbar a:focus {text-decoration: underline;color:#ffffff;}

header {background-color:#7f7f7f;color:#ffffff;margin-bottom:50px;position:relative}
header {background-image: url('../img/header.jpg');background-size:cover;background-position:center center}
header .desktop_date {font-size:12px;}

/*--- NAVIGATION ---*/
.navbar {margin-bottom:0;border:none;min-height:1px;}
.navbar-default {background-color:transparent;border:none;}
.navbar-collapse {padding:0;}
.navbar-toggle {float:none;padding:0;margin:0;margin-right:0px;width:100%;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;}
.navbar-toggle .fa-bars {color:#ffffff;line-height:30px;font-size:30px;}
.navbar-toggle .logo {height:30px;}
.navbar-brand {float:none;padding:0;height:34px;}
.navbar-brand>img {display:inline;}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav a, .navbar-default .navbar-nav > .active > a:focus {background:none;cursor:pointer;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a:hover {color:#000000;background:none;}

#main_menu > ul > li {position:static}
#main_menu > ul > li > a {display:block;padding:15px 0px;margin:0 20px;text-decoration:none;font-size:16px;line-height:16px;}
#main_menu > ul > li:last-child > a {margin-right:0;}
#main_menu > ul > li > ul {background-color:#ffffff;opacity:0;height:0;visibility:hidden;position:absolute;z-index:999;width:100%;list-style:none;left:0px;right:0;top:47px;color:#333333}


#search_field {z-index:1;display:none;width:60%;padding:20px;background-color:#ffffff;right:0;position:absolute}

.dashboard_menu {margin-bottom:0}
.dashboard_menu a {color:#ffffff;}

@media screen and (min-width:992px) and (max-width:1199px) {
	#main_menu ul li ul {left:10px;}
	#main_menu > ul > li > a {margin:0 35px}
}

@media screen and (min-width:768px) and (max-width:991px) {
	#main_menu ul li ul {left:10px;padding-top:25px;}
	#main_menu > ul > li > a {margin:0 19px;font-size:15px;}
	#main_menu ul li ul li a {padding:10px 15px 16px;}
}

@media screen and (min-width: 768px) {
	#menu_wrapper {background-color:#ffffff;position:relative;bottom:-25px;}
	.navbar-right {margin-right:15px;}
	#main_menu > ul > li > ul > li {float:left;width:25%;padding:10px;}
	#main_menu > ul > li > ul > li > a {border:none;}
}

@media screen and (max-width: 767px) {
	header {margin-bottom:10px;background-image: url('../img/header_m.jpg');}
	#menu_wrapper {margin:10px 0;}
	.navbar {font-size:15px;margin-top:0;}
	.navbar-default .navbar-nav li a {color:#ffffff;}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:hover {border:none;background:none;color:rgb(46,61,77)}
	.navbar-nav {margin:0;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {border:none}
	.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background:none;border:none}
	.navbar-default .navbar-toggle .icon-bar {background-color:#ffffff;}
	#main_menu > ul > li {border:none;border-bottom:1px solid #606060;}
	#main_menu > ul > li:last-child {border-right:none;}
	#main_menu > ul > li > a {color:#ffffff;padding:20px;margin:0;}
	#main_menu ul li ul {left:0;width:100%;z-index:0;position:relative;top:0px;border-bottom:none;text-align:left;padding:0;}
	#main_menu ul li ul li a {color:#eeeeee;border-bottom:1px solid #606060;padding:16px 0 16px 25px;background-color:#000000;}
	#main_menu ul li ul li a:hover, #main_menu ul li ul li a:focus, #main_menu ul li ul li.active a {color:rgb(46,61,77);}

	.cbp-spmenu {background:rgb(46,61,77);position: fixed;padding:0;margin:0 !important;overflow-x:hidden;overflow-y:visible;display:block;visibility:visible;}
	.cbp-spmenu-vertical {width: 260px;height: 100%;top: 0;z-index: 1000;}
	.cbp-spmenu-left {left: -260px;}
	.cbp-spmenu-left.cbp-spmenu-open {left: 0px;}
	.cbp-spmenu-push {overflow-x: hidden;position: relative;left: 0;}
	.cbp-spmenu-push-toright {left: 260px;}
	.cbp-spmenu,.cbp-spmenu-push {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}

	.navbar-tools {margin-top:20px;list-style-type: none;padding-left:0; overflow: visible;}
	.navbar-tools li {border:none !important;}
	.navbar-tools li a {padding:12px 20px !important}
	/* Admin dropdown in mobile menu: ensure it opens below and is visible */
	#main_menu .navbar-tools .dropdown { position: relative; overflow: visible; }
	#main_menu .navbar-tools .dropdown-menu {
		position: relative;
		float: none;
		width: 100%;
		margin: 0;
		border: none;
		border-radius: 0;
		box-shadow: none;
		background: #000000;
		/* Override global mega-menu rules that hide all second-level ULs */
		opacity: 1;
		visibility: visible;
		height: auto;
	}
	#main_menu .navbar-tools .dropdown.open .dropdown-menu { display: block; }
	#main_menu .navbar-tools .dropdown-menu li a { color: #fff; padding: 12px 20px 12px 36px !important; border-bottom: 1px solid #606060; }
	#main_menu .navbar-tools .dropdown-menu li a:hover { background: rgba(0,0,0,0.2); color: #fff; }
}

/*--- STICKY EXCEPTION ---*/
#menu_wrapper #sticky_logo {display:none;}
@media screen and (min-width: 768px) {
	#menu_wrapper.sticky {z-index:1;position:fixed;border-top:5px solid #000000;width:100%;top:0;left:0;height:52px;box-shadow:0px 5px 10px 0px rgba(0,0,0,0.1)}
	#menu_wrapper.sticky #sticky_logo {display:inline;}
	#menu_wrapper.sticky #sticky_logo a {padding:12px 0 8px}
	#menu_wrapper.sticky #sticky_logo a .logo {height:27px;transform:scale(1,1)}
	#menu_wrapper.sticky #search_field {top:45px;}
}

/*-- POST --*/
#post {font-size:18px;line-height:32px;}
#post p {margin-bottom:20px;}
#post_header h1 {margin:15px 0 20px;font-size:36px;line-height:36px;}
#sharing_btn {font-size:20px;line-height:20px}

/*--- SPINNER ---*/
.spinner_wrapper {position:fixed;display:none;top:0;left:0;width:100%;height:100%;background-color: rgba(0,0,0,0.5);z-index: 999999;}
.spinner_inner {position:absolute;width:100px;left:calc(50% - 50px);top:calc(50% - 50px)}

/*-- PROS CONS ---*/
.pros {color:#339967;background-image:url('../img/pros.svg');padding-left: 22px !important;background-size: 16px auto;background-position: left center;background-repeat: no-repeat;}
.cons {color:#9a0000;background-image:url('../img/cons.svg');padding-left: 22px !important;background-size: 16px auto;background-position: left center;background-repeat: no-repeat;}
h1.cons, h1.pros {padding-left:45px !important;}
h3 .cons, h3 .pros {padding-left:40px !important;}
h4.pros, h4.cons {padding-left:30px !important;}
.pros_bg {background-color:#339967;color:#ffffff;padding:2px 5px;background-image:url('../img/pros_bg.svg');padding-left: 28px !important;background-size: 10% 80%;background-position: left center;background-repeat: no-repeat;}
.pros_bg_lt {background-color:#339967;}
.cons_bg {background-color:#9a0000;color:#ffffff;padding:2px 5px;background-image:url('../img/cons_bg.svg');padding-left: 28px !important;background-size: 10% 80%;background-position: left center;background-repeat: no-repeat;}
.cons_bg_lt {background-color:#339967;}
.all_bg {background-color:#b3b3b3;color:#ffffff;padding:2px 5px}
.all_bg_lt {background-color:#b3b3b3;}
.nav-tabs.sent_tab>li {width:33.3%;}
.nav-tabs.sent_tab>li a {display:block;}
.nav-tabs.sent_tab>li .pros_bg a, .nav-tabs.sent_tab>li .cons_bg a, .nav-tabs.sent_tab>li .all_bg a  {color:#ffffff;}
#post_header h1.pros, #post_header h1.cons {background-size:auto 36px}

@media screen and (max-width:767px) {
	.nav-tabs.sent_tab>li .pros_bg, .nav-tabs.sent_tab>li .cons_bg {background-position:5px center}
	h3 a.pros, h3 a.cons {background-size:auto 24px;padding-left:30px !important}
	h4.pros, h4.cons {padding-left:28px !important;background-size:16px auto;}
}

/*--- FOOTER ---*/
footer {margin-top:80px;color:#ffffff;background-color:#000000;padding:40px 0;padding-bottom:calc(40px + env(safe-area-inset-bottom));}
footer a {color:#ffffff}
footer a:hover, footer a:focus {color:#ffffff;text-decoration: underline;}
footer .list-unstyled li {margin-bottom:10px;}
footer li a .hui_logo {vertical-align:middle;}
footer li a .hui_logo path {fill:#ffffff}
footer li a:hover .hui_logo path {fill:#cccccc}

#cookie_banner {position:fixed;bottom:0;left:0;right:0;width:100%;background-color:#000000;text-align:center;color:#ffffff;padding:15px 20px;padding-bottom:calc(15px + env(safe-area-inset-bottom));z-index:9999;}
#cookie_banner a{color:#D2F600;}
#cookie_banner a:hover,#cookie_banner a:focus{color:#DFFF00;text-decoration:underline;}
#cookie_banner .btn{background-color:#D2F600 !important;border-color:#D2F600 !important;color:#000000 !important;font-weight:bold;}
#cookie_banner .btn:hover,#cookie_banner .btn:focus{background-color:#DFFF00 !important;border-color:#DFFF00 !important;color:#000000 !important;}