@font-face {
    font-family: 'Roxborough';
    src: url('../fonts/Roxborough.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BenchNine';
    src: url('../fonts/BenchNine-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HKGrotesk';
    src: url('../fonts/HKGrotesk-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HKGrotesk Bold';
    src: url('../fonts/HKGrotesk-Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'SebastianBobby';
    src: url('../fonts/SebastianBobby.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html, body {max-width: 100% !important;overflow-x: hidden !important;}

html{font-family:"HKGrotesk",serif}

.dnone {display:none !important}

#hlogo {width:300px !important;margin-top:5px}
.site-navigation .menu {margin-top:40px}
.sidebar-toggle, .search-toggle {margin-top:40px}

h2.hero-title {font-size:40px !important}
h2.hero-title span.caveat {line-height:0.6em;font-size:110px !important;font-family:"SebastianBobby",serif !important;}
h2.blackwhite, h2.widget-title {color:#111 !important}

.footer-widgets .footer-col {padding-bottom:0 !important}

.dark {color:#111 !important}
.leftbrd {border-color:#ddcbc0}

.site-navigation .menu-item, #topper .topper-links a {font-family:"HKGrotesk",sans-serif;}
.caveat {font-family:'Roxborough',sans-serif;text-transform:none !important}
h1,h2,h3,h4,h5,h6{font-family:"Roxborough",sans-serif;text-rendering:optimizeLegibility}
.post-navigation {font-family:"BenchNine",sans-serif;}
.post-meta {font-family:"HKGrotesk",sans-serif}
.button {font-family:"BenchNine",sans-serif;font-size:1em}
.post-tags {font-family:'Roxborough',sans-serif !important;}
.post-tags a {padding:2px 5px 3px 8px}

.w100 {width:100% !important;margin-bottom:15px;font-family:"Roxborough",sans-serif;text-transform:none;}
.w100:hover {color:#fff}

.cover-content {vertical-align:bottom}
.cover-content .inner {margin:0 30px 0 auto}
.post-cover .inner, .label-cover .inner {margin:0 auto}
.cover-bg, .post-bg {opacity:.60}

/*Topper*/
#topper {background:#eee;height:50px;margin-top:-25px;padding-top:0px;text-align:center}
#topper .bootstrap-wrapper{margin: 0 auto}
#topper .topper-links {padding-top:10px}
#topper .topper-links a {font-size:12px;font-family:Montserrat,sans-serif;text-transform:uppercase;border:0;margin-right:20px}
#topper .topper-links a:hover {color:#ec666d;border-bottom:1px solid #000}
#topper .social-links {padding-top:10px}
#topper .social-links a {text-decoration:none !important;border-bottom:0 !important;margin:3px}
#topper .social-links a span {color:#ec666d}
#topper .social-links a:hover span {color:#000}

/*Bootstrap*/
.show-xs {display:none}
.text-left{text-align:left !important}
.text-right{text-align:right !important}
@media(max-width:1650px) {
    .bootstrap-wrapper .container {max-width: 95% !important}
}
@media(min-width:1651px) {
    .bootstrap-wrapper .container {max-width: 1550px !important}
}

/*As seen on*/
.as_seen_on {width:100%;margin:0 auto}
.as_seen_on img {width:31% !important;padding:10px;opacity:.7 !important}

/*Map*/
.gm-style-iw{width:280px!important;top:15px!important;left:30px!important;border:0;border-radius:0;position:relative;background:none}
#iw-container{margin-bottom:0;width:250px;background-color:#fff;box-shadow:0 1px 6px rgba(178,178,178,0.6)}
#iw-container .iw-title{font-size:22px;font-weight:400;padding:0;background-color:#fff;color:#06202e;margin:0;border-radius:0;position:relative}
#iw-container .iw-content{font-size:13px;line-height:18px;font-weight:400;margin-right:1px;padding:15px 5px 20px 15px;max-height:140px;overflow-y:auto;overflow-x:hidden;color:#06202e}
.iw-content img{float:right;margin:0 5px 5px 10px}
.iw-subTitle{font-size:16px;font-weight:700;padding:5px 0}
.iw-bottom-gradient{position:absolute;width:26px;height:25px;bottom:10px;right:18px;display:none}
#iw-close{position:absolute;top:0;right:0;z-index:999;background:#fff;width:30px;height:30px;padding:8px 0 0 8px;cursor:pointer;box-shadow:none}
.gm-style .gm-style-iw-t::after {display:none}

/*Commenti*/
#inscomm {margin:60px 0 100px 0}
#inscomm textarea {width:100%;height:120px}
#inscommr {margin:60px 0 100px 0}
#inscommr textarea {width:100%;height:120px}
.ctxt {width:100%;margin-bottom:10px}
.btn {background:#ec666d;color:#000;border-color:#ec666d;font-size:15px}
.btn:hover {opacity:.8}
#comerr {display:none}

/*Colors*/
.cl-green {background:#e9e2dc !important}
.cl-azure {background:#e9e2dc !important}
.cl-pink {background:#e9e2dc !important}
.cl-yellow {background:#e9e2dc !important}

.site-header .menu-item a {padding:7px 10px}
.sidebar .sidebar-toggle, .site-search .search-toggle {top:0 !important}
.post-meta a:hover {color:#000}
a.wlnk {color:#999}

/*Cookies*/
#cookies {width:100%;min-height:100px;background:rgba(235,235,235,.95);position:fixed;bottom:0;left:0;z-index:9999;display:none}
#cookies .bootstrap-wrapper {padding:25px 25px 15px 25px}
#cookies p {font-size:14px;color:#000;line-height:1.3em}
#cookies p a {font-weight:600;border-bottom:1px solid #ec666d}
#cookies p a:hover {font-weight:600;border-bottom:1px solid #ec666d;color:#ec666d}
/**/

/*Indice*/
.indice-area {position:static;margin-bottom:0;width:100%;background:#fff;padding:20px 30px}
.comments-title {color:#000;margin-bottom:20px}
#indice-box {background:#f5f5f5;padding:20px;display:none;margin:20px 0 10px 0}
#indice-box a {display:block;padding:10px;border-bottom:1px solid #ccc}
#indice-box a:hover {border-bottom:1px solid #ec666d}
/**/

.nav-previous, .nav-next, .nav-previous:first-child, .nav-next:last-child {width:33.33%;text-align:center;position:relative}

/*Slick*/
.postslide {margin-bottom:30px}
.slick-slide img {height:auto !important}
.slick-arrow {bottom:0% !important}

/*Nav-Tabs*/
.circle-tabs {margin:0;padding:0 !important}
.nav-tabs{display:inline-flex;width:100%;overflow-x:auto;-ms-overflow-style:none;overflow:-moz-scrollbars-none;height:auto}
.nav-tabs {list-style:none;font-size:12px;font-family:"HKGrotesk",sans-serif;color:#000}
.nav-tabs>li {width:90px !important;text-align:center}
.nav-tabs img {display:block}
.nav-tabs>li>a{border:none;color:#000;margin:0 10px 0 0;font-size:12px !important;line-height:26px !important;font-family:"HKGrotesk",sans-serif;white-space:nowrap !important;text-transform:uppercase;display:inline-block;width:90px !important;padding:0 20px 0 0}
.tab-pane{padding:15px 0}
.tab-content{padding:20px}
.nav-tabs::-webkit-scrollbar{display:none}
#tab_header {position:fixed;top:70px;left:0;width:100%;background:var(--color-dark);z-index:9998;border-bottom:1px solid #000}
.card{background:transparent none repeat scroll 0 0;margin:0;padding:0 !important}
.card-cnt {margin:20px -20px 0 -20px !important}

@media only screen and (max-width: 900px) {
	h2.hero-title span.caveat {font-size:60px !important}
	h2.post-title span.caveat {font-size:48px !important}
	.nav-previous, .nav-next, .nav-previous:first-child, .nav-next:last-child {width:100%}
}
@media only screen and (max-width: 700px) {
    
    h2 span.caveat {font-size:40px !important}
    .cover-content .inner {margin-right:auto;}

	.indice-area {padding:20px 15px;height:auto;max-height:100vh;overflow:hidden;overflow-x:auto;z-index:9999}
	.comments-title {color:#000;margin-bottom:0}
	.indice-fixed {position:fixed !important;top:10px !important;border-bottom:1px solid #eee}
	#indice-box {max-height:80vh;overflow-x:auto}

}

.post-title {color:#fff !important}
.post-title.blk a {color:#222 !important;font-size:22px;line-height:1.5em !important}

.post-tags a:hover, .post-tags span:hover {color:#000;border-color:#000}

.clear {clear:both !important}
.post-lft {float:left !important;width:32% !important;padding-right:4%}
.post-rht {float:left !important;width:64% !important}

.post-content p, .post-content div {color:#000 !important}/**/

.share-box {display:flex;flex-direction:row;justify-content:space-between}

@media only screen and (max-width: 800px) {
	
	.show-xs {display:block !important}
	.hide-xs {display:none !important}
	
}

@media only screen and (max-width: 1024px) {
	
	.hide-md {display:none !important}
	
}

@media only screen and (max-width: 700px) {
	
	#hlogo {width:230px !important;margin-top:5px}
	.sidebar-toggle, .search-toggle {margin-top:30px}
	
	.sidebar .site-navigation {padding:0 15px 0}
    
    .grid-item {height:520px !important}
	.post-lft {width:30%;float:left}
	.post-rht {float:right !important;width:65% !important}
	
	#topper .topper-links a {margin-right:10px;white-space:nowrap}
	#topper .social-links {padding-top:14px}
	.show-xs {display:block !important}
	.hide-xs {display:none !important}
	
	.post-title.home {font-size:26px !important}
	h1 {color:#111 !important}
	h1.page-title {color:#fff !important}

	.gh-subscribe-form {padding-right:0 !important}

    .post-content p, .post-content div {font-size:20px !important}/**/
	
}

.swal2-popup {width:auto !important;padding:2em !important}
.swal2-styled.swal2-confirm {border-radius:0 !important;background:#000 !important;font-weight:bold}
.swal2-styled {padding:5px 20px 20px 20px !important}

.grid-item.video {height:auto !important}
.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.as-seen-on-carousel {text-align:center;margin:50px 0 100px 0;position:relative;}
.as-seen-on-carousel .as-seen-on {padding:0 50px}
.as-seen-on div img {padding:0 50px}
.as-seen-on .slick-prev {position:absolute;top:35%;left:0}
.as-seen-on .slick-next {position:absolute;top:35%;right:0}

@media only screen and (max-width: 700px) {
	
	.as-seen-on-carousel .as-seen-on {padding:0 40px}
	.as-seen-on div img {padding:0 10px}

    h2.hero-title {font-size:0.1px !important}
	
}