/*
Theme Name: The Exit Drug
Description: Created Specifically by Nick Gonzales to use.
Version: 99999999
Author: Nick Gonzales
Tags: boostrap, sass, jquery
*/
@font-face {
    font-family: "Proxima Nova";
    src: url(https://weedfacts.wpengine.com/wp-content/themes/weedfacts/assets/fonts/Proxima-Nova-webfont.woff);
}

/* SETUP */
body {-webkit-font-smoothing: antialiased;font-smoothing: antialiased;user-select: none;top: 0;right: 0;bottom: 0;left: 0;margin: 0;padding: 0;color: #030303;word-wrap: break-word;font-size: 16px;font-family: -apple-system;font-family: "Proxima Nova";line-height: 1.8em;text-rendering: optimizeLegibility;-webkit-backface-visibility: hidden;-ms-content-zooming: none;overflow-x:hidden;}

a:focus{color: #fff;text-decoration:none;outline:none;}

.pad-v-xs{padding-top:15px;padding-bottom:15px;}
.pad-v-sm{padding-top:2.5vw;padding-bottom:2.5vw;}
.pad-v-md{padding-top:5vw;padding-bottom:5vw;}
.pad-v-lg{padding-top:8.333333vw;padding-bottom:8.333333vw;}
.pad-xs{padding:15px;}
.pad-sm{padding:30px;}
.pad-md{padding:5vw}
.pad-lg{padding:8.333333vw;}

.nopad{padding: 0;}
.nopad-bottom{padding-bottom:0;}
.nopad-top{padding-top:0;}
.nopad-left{padding-left:0;}
.nopad-right{padding-right: 0;}

.nomar{margin: 0;}
.nomar-right{margin-right: 0;}
.nomar-left{margin-left:0;}
.nomar-top{margin-top: 0;}
.nomar-bottom{margin-bottom: 0;}

.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}

p{margin-bottom: 25px;z-index:3;line-height: 1.4em;}
.row{position:relative;}

.logo{max-height: 29px;width: auto;}
.larger-text{font-size:1.42em;}

h1 {font-size: 2.7vw;letter-spacing: 6px;text-transform: uppercase;margin-bottom: 5vh;line-height: 1.2em;}
h2{font-size: 2em;position:relative;}
h2.border-bottom {margin-bottom: 5vh;padding-bottom: 25px;text-transform: uppercase;}
h2.border-bottom::before {content: '';position: absolute;bottom: 0;width: 45px;height: 2px;background: #000;display: block;margin: 0 auto;transform: translateX(-50%);left: 50%;}
hr{margin: 0;}
.mobile{display: none;}
.primary-color {color: #00cdbe;margin-right: 20px;font-weight: 500;letter-spacing: 0px;}

/* HEADER */
header.banner {position: fixed;top: 0;left: 0;width: 100%;z-index: 999;background: #000;height: 50px;-webkit-transition: margin-left 0.3s ease-in-out;transition: margin-left 0.3s ease-in-out;}
header.banner .container {padding-right: 0;padding-left: 0;width: 1182px}
header.banner .container ._header-container nav {color: #fff;font-size: 14px;font-weight: 700;letter-spacing: 1px;line-height: 36px;text-decoration: none;text-transform: uppercase;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;-webkit-transition-property: background,color;transition-property: background,color;-ms-flex-align: center;align-items: center;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;padding: 0;}
header.banner .container ._header-container {padding: 0;position: relative;}
header.banner .brand {float: left;margin-right: 19px;padding: 11px 0;}
header.banner .menu-main-container {float: left;margin-top: 0;}
header.banner .nav a {color: #fff;padding: 2px 17px;text-decoration: none;display: block;border-bottom: 5px solid #000;border-top: 5px solid #000;}
header.banner .mobile-logo {display: none;padding: 11px 0;}

.slicknav_menu {background-color: transparent;position: fixed;left: 0;top: 0;z-index: 1000;font-size: 16px;background: #000;padding: 0;-webkit-transition: margin-left 0.3s ease-in-out;transition: margin-left 0.3s ease-in-out;}
.slicknav_menu .slicknav_btn {background-color: transparent;display: block;margin: 1px;text-decoration: none;padding:15.5px;}
.slicknav_menu .slicknav_icon {display: block;width: 18px;height: 14px;position: relative;}
.slicknav_menu .slicknav_btn .slicknav_icon-bar:first-of-type {top: 0;}
.slicknav_menu .slicknav_btn .slicknav_icon-bar:nth-of-type(2) {display: block;top: 6px;}
.slicknav_menu .slicknav_btn .slicknav_icon-bar:nth-of-type(3) {top: 12px;}
.slicknav_menu .slicknav_icon-bar {height: 2px;background: #fff;position: absolute;width: 100%;}
.slicknav_nav {display: block;width: 270px;position: fixed;top: 0;left: 0;background: #000;height: 100%;padding:15px 0;-webkit-transform: translateX(0);transform: translateX(0);-webkit-transition: transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;}
.slicknav_nav.slicknav_hidden{-webkit-transform: translateX(-100%);transform: translateX(-100%);}
.slicknav_nav a {color: #fff;padding: 10px 15px;display: block;text-decoration: none !important;}
body.offcanvas {position: fixed;-webkit-transition: margin-left 0.3s ease-in-out;transition: margin-left 0.3s ease-in-out;margin-left: 270px;width: 100%;}
.offcanvas .slicknav_menu, .offcanvas header.banner{margin-left:270px;}
.offcanvas .slicknav_menu::before {content: '';display: block;height: 100%;width: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,.2);}
.slicknav_menu{display: none;}

/* MEDIA */
img{max-width: 100%;height:auto;}
.size-full{width: 100%;}

.btn{padding: 10px 30px;text-transform: uppercase;}
.btn-primary{color: #fff;background: #00cdbe;border:1px solid #00cdbe;}
.btn-primary:hover{border:1px solid #00cdbe;color:#000;background: #fff;}
.btn-border {border: 1px solid #00cdbe;color: #00cdbe;padding: 15px 40px;width: 400px;max-width: 100%;}
.btn-border:hover {border: 1px solid #00cdbe;background: #00cdbe; color: #fff;}

/* BODY */
.main-header{position:relative;color: #fff;text-align:center;}
.main-header::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(50,50,50,.5);}
.main-header .btn-primary{margin: 10px 25px;cursor: pointer;font-size: 30px;font-weight: 500;letter-spacing: 2px;}
.main-header #social-icons {display: none;margin-top: 10px;}
.box-shadow-bottom {box-shadow: rgba(50,50,50,.2) 1px 7px 9px;}

.article-header {width: 100%;height: 15vh;margin-bottom: 5vh;text-align: center;color: #fff;vertical-align: middle;display: flex;align-items: center;justify-content: center;position:relative;}
.article-header:before{content:'';display: block;width:100%;height:100%;left:0;top:0;background:rgba(0,205,190,.6);position: absolute;}
.article-header h3{display: block;text-align: center;width: 100%;z-index:1;letter-spacing: 9px;line-height: 1.3em;}
.article-area{position:relative;}
.article-area.active{display: flex;}
.article-body p {text-align: left;}
.article-body h4 {text-transform: uppercase;letter-spacing: 9px;font-size: 63px;margin: 10vh 0 1vh;position: relative;}
.article-body h5 {padding-bottom: 6vh;margin-bottom: 6vh;font-size: 1.7em;font-style: italic;position: relative;}
.article-body h5::before {content: '';display: block;height: 1px;width: 100%;background: #000;position: absolute;bottom: 0;}
.article-share i, #social-icons i{color: #fff;display: inline-block;height: 50px;line-height: 50px;width: 50px;font-size: 23px;margin: 10px 5px 5vh;}
.article-share .fa-facebook, #social-icons .fa-facebook{background: #4a90e2;}
.article-share .fa-twitter, #social-icons .fa-twitter{background: #00ceff;}
#social-icons {font-weight: 600;font-size: 20px;letter-spacing: 2px;position: absolute;left: 50%;transform: translateX(-50%);}
#social-icons i {margin-bottom: 5px;}

.article-select {background-attachment: fixed !important;}
.article-square {display: flex;float:left;width: calc(50% - 10px);height: 50vh;color: #fff;align-items: center;justify-content: center;font-size: 2vw;line-height: 1.3em;margin: 5px;background-size: cover !important;cursor:pointer;position:relative;-webkit-transition:all 1s ease;transition: all 1s ease;}
.article-square::before{content:'';display: block;width: 100%;height:100%;background:rgba(0,0,0,.3);position:absolute;}
.article-square:hover::before{background:rgba(0,205,190,.6);}
.article-square div {display: flex;height: 100%;width: 100%;align-items: center;justify-content: center;z-index:1;}
.article-square.hide-square {display: none !important;}
.small-square .article-square {width: calc(33.333% - 15px);height:35vh;}

.breadcrumbs {position: relative;left: 0;text-transform: uppercase;text-align:left;margin-bottom: 15px;}
.breadcrumbs a {color: #00cdbe;}
.breadcrumbs a:hover {color: #999;}

.article-body a{color: #00cdbe;font-weight:bold;}
.article-body a:hover{color:#999;}
.owl-item h4 {margin: 2vh 15px;}

.source-top {display: block;width: 100%;padding: 20px 0;letter-spacing: 6px;font-size: 20px;position:relative;cursor:pointer;}
.source-top::before{content:'\f067';position:absolute;right: 2vw;font-family: FontAwesome;font-size:20px;}
.article-block {display: none;}
.article-block.active{display: block;}

.read-more{position:relative;font-size: 1.3em;font-weight: 600;letter-spacing: 3px;}
.read-more::before {content: '';display: block;width: 100%;height: 1px;background: #000;margin-bottom:5vh;}
.read-more::after {content: '';display: block;height: 37px;background: url(/wp-content/uploads/2018/01/arrow-down.jpg);width: 38px;margin: 10px auto 5vh;}
.source-bottom{display:none;text-align:left;line-height:1.1em;}
.source-bottom p{margin:5px;}

.owl-nav {display: block !important;position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 100%;}
.owl-theme .owl-nav [class*=owl-] {left: -50px;position: absolute;background: transparent;color: #979797;font-size: 23px;}
.owl-theme .owl-nav .owl-next{left:auto;right:-50px;}
.owl-theme .owl-nav [class*=owl-]:hover {background: transparent;color: #00cdbe;text-decoration: none;}
.owl-theme .owl-dots{display: none;}
.owl-item a {color: #000;}
.owl-item a:hover{color: #00cdbe;text-decoration: none;}
.owl-carousel .owl-item img{width: 60%;margin: 0 auto;display: block;}
.image-area {height: 175px;padding: 0 50px;display: flex;align-items: center;justify-content: center;}

.article-square a.click-square {padding:1vw;display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;color: #fff;z-index: 1;flex-direction: column;line-height: .5em;}
.article-square a.click-square span{font-size: .7em;}
.article-square a.click-square:hover {text-decoration: none !important;}

.source-bottom ol{padding:0;}
.source-bottom li {padding-left: 50px;margin-bottom: 3px;}

/* FOOTER */
footer{background:#000;color:#fff;}
footer a{color: #fff;}
footer a:hover{color: #00cdbe;text-decoration: none;}
footer .header {color: #00cdbe;padding-bottom: 24px;font-weight: 600;}
.about-links {text-transform: uppercase;}
.about-brand .brand {display: inline-block;margin-bottom: 25px;height: 50px;}
.about-brand .brand img{max-height:45px;}
.about-links a {display: block;}
.desktop-footer .footer-container {margin: 0 auto;max-width: 1200px;padding: 25px 15px;width: auto;}
.about-icons a {-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;fill: #fff;height: 24px;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-decoration: none;-webkit-transition: color .4s ease-in-out;transition: color .4s ease-in-out;width: 24px;background: #fff;border-radius: 100%;color: #000;margin-right: 10px;}
.about-icons a .fa {font-size: 15px;}
.about-icons a:hover {color: #000;}
#sitemap {color: #999;}
.desktop-footer .footer-section {border-bottom: 1px solid #333;padding: 24px 0;}
.desktop-footer .network-logo a {cursor: pointer;display: inline-block;}
.desktop-footer .network-logo img {-webkit-filter: grayscale(1) opacity(.5);filter: grayscale(1) opacity(.5);height: 36px;-webkit-transition: -webkit-filter .4s ease-in-out;transition: -webkit-filter .4s ease-in-out;transition: filter .4s ease-in-out;transition: filter .4s ease-in-out,-webkit-filter .4s ease-in-out;}
.desktop-footer .network-logo:hover img {-webkit-filter: grayscale(0) opacity(1);filter: grayscale(0) opacity(1);}
.col.network-logo {text-align: center;}
.sitemap-copyright .logo {max-height: 18px;margin-right: 3px;}
.desktop-footer .footer-container .responsive-sm .sitemap-links {text-align: right;}
.desktop-footer .sitemap-links a {color: #999;cursor: pointer;font-size: 12px;margin: 0 4px;text-decoration: none;-webkit-transition: color .4s ease-in-out;transition: color .4s ease-in-out;}
.desktop-footer .footer-container .sitemap-copyright p {line-height: 18px;white-space: normal;}
.desktop-footer .sitemap-copyright {color: #999;font-size: 12px;}
.larger {font-size: 1.5em;margin-bottom: 0;}
.larger a{color: #00cdbe;text-decoration: none !important;}
.larger a:hover{color: #999;}
#sitemap.footer-section{border-bottom: 0;}
#sitemap .footer-container {padding: 0 15px;}
.desktop-footer .footer-section:first-child {padding: 48px 0;}
.wm-logo .word, .word {fill: #00cdbe;}
.wm-logo .smile, .smile {fill: #fff;}
.desktop-footer .footer-container .sitemap-copyright wm-logo {display: inline-block;height: 20px;margin: 0 5px;padding: 2px 0 0;vertical-align: middle;}
.desktop-footer .footer-container .sitemap-copyright wm-logo {margin: -2px 5px;}
.desktop-footer .about-logo {display: block;margin-bottom: 24px;}
#social-icons a{color:#fff;}
#social-icons a:hover{color:#00cdbe;text-decoration:none;}

@media screen and (max-width: 1800px){
	.article-body h4{font-size:48px;}
	.article-body h5{font-size:25px;}
	.article-header {height: 20vh;}
}

@media screen and (max-width: 1440px){
	h1{font-size: 2vw;}
	#social-icons i {margin-bottom: 5px;height: 30px;width: 30px;line-height: 30px;font-size: 18px;}
	.article-body h4 {font-size: 30px;}
	.article-body h5 {font-size: 20px;}
}
@media screen and (max-width: 1200px){
	header.banner .container ._header-container{padding: 0 12px;}
	header.banner .container{width: 100%;}
	.hide-md{display: none;}
	footer{text-align: center;}
	.desktop-footer .footer-container .responsive-sm .sitemap-links {text-align: center;}
	.about-icons {margin-bottom: 24px;}
	.about-links{text-align: left;border-top: .0625rem solid #333;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;height: 53px;}
	.about-links .dropdown {display: none;}
	footer .header {padding-bottom: 19px;padding-top: 20px;font-size: 14px;color: #fff;line-height: 1em;position: relative;}
	footer .header::after{content: '\f067';font-family: FontAwesome;color: #fff;position: absolute;right: 0;}
	footer .open .header::after{content: '\f068';}
	footer .about-links.open .header {color: #00cdbe;}
	.about-links.open .dropdown{display: block;padding-bottom: 20px;}
	.about-links.open {background: #1a1a1a;height: auto;}
	.about-links.open a{font-size: 14px;}
	.desktop-footer .footer-section:first-child, .desktop-footer .footer-container{padding-bottom: 0;}
	h1{margin-bottom:3vh;}
	.main-header .btn-primary {margin: 10px 1%;cursor: pointer;width: 48%;}
	.main-header #social-icons {margin-top: 0;}
}
@media screen and (max-width: 992px){
	.pad-v-lg {padding-top: 12.333333vw;padding-bottom: 8.333333vw;}
	h1{font-size: 2.7vw;margin-bottom:0;}
	#social-icons{font-size:16px;}
	.article-square{font-size:3vw;}
	.article-body h4 {font-size: 22px;}
	.article-body h5 {font-size: 16px;}
	.fancybox-slide>*{max-width: 100%;}
	.article-square a.click-square{line-height: 1em;}
}
@media screen and (max-width: 767px){
	header.banner .menu-main-container{display:none;}
	.slicknav_menu{display: block;}
	header.banner .brand {display: none;}
	header.banner .mobile-logo {display: block;margin: 0 auto;}
	.article-section .inner {min-height: auto;padding-bottom: 40px;}
	.pad-v-lg {padding-top: 16.333333vw;padding-bottom: 8.333333vw;}
	h1 {font-size: 16px;}
	.row.justify-around.responsive-sm {display: block;}
	#network, #network .footer-container {padding: 0;}
	.col.network-logo {margin: 15px 0;}
	.larger{font-size:1em;}
	.main-header .btn-primary {font-size: 12px;padding: 10px;}
	.main-header #social-icons {width: 400px;max-width: 100%;position: relative;}
	.article-square {font-size: 3vw;height: 300px;}
}
@media screen and (max-width: 576px){
	h1 {font-size: 1.4em;letter-spacing: 6px;}
	.pad-v-lg {padding-top: 25.333333vw;padding-bottom: 13.333333vw;}
	.larger-text {font-size: 1.2em;padding: 25px 0;}
	.article-section .inner {min-height: auto;height: auto !important;padding-bottom: 60px;}
	.article-section .inner a{line-height: 1.1em;}
	.main-header img {width: 50%;}
	.article-square {font-size: 20px;width: 100%;margin: 10px 0;}
	.small-square .article-square {height: 200px;font-size: 15px;}
	.main-header {background-attachment: initial !important;margin-top:50px;}
	.owl-nav{top: 61%;}
	.owl-theme .owl-nav [class*=owl-]{left:-15px;}
	.owl-theme .owl-nav .owl-next {left: auto;right: -15px;}
	.article-square {background-attachment: scroll !important;background-size: cover !important}
	.small-square .article-square {height: 100px;font-size: 15px;width: 100%;}
	.mobile{display: block;}
	.desktop{display: none;}
}
.wm-line-height-override{
	line-height: initial !important;
}