/*
Theme Name: Ohio Chamber - Developer Theme
Description: This is a bare bones theme used for building out custom themes
Author: Adam Bates
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700|Open+Sans:400,700&display=swap');

html, body{margin:0; padding:0; font-size:15px; font-family:'Open Sans',sans-serif; color:#333333;}

.content_wrap{max-width:1160px; padding:0 20px; margin:0 auto; position:relative;}

.clear{clear:both;}

.alignleft{float:left; margin:15px 15px 15px 0;}
.alignright{float:right; margin:15px 0 15px 15px;}

a{cursor:pointer; color:#333;}

img{border:none;}

h1,h2,h3,h4,h5,h6{font-family:'Open Sans Condensed',sans-serif;}

[type='text'],[type='password'],select{padding:4px 15px; border-radius:2px; border:1px solid #b5b5b5; font-family:'Open Sans Condensed',sans-serif;}
textarea{padding:4px 15px; border-radius:2px; border:1px solid #b5b5b5; font-family:'Open Sans Condensed',sans-serif;}
[type='text'].required,[type='password'].required,select.required{background:#ffe5e5; border:1px solid #ff9393;}

.button{display:inline-block; transition:all 0.2s ease; cursor:pointer; text-align:center; background:#f4f4f4; text-decoration:none; padding:9px 25px; color:#333; border:none;}
	.button .fa{margin:0 7px 0 0;}
	.button:disabled, .button.disabled{cursor:default; opacity:0.5; /* pointer-events:none; */}
	.button:hover{background:#dadada; transform:scale(1.04);}

.button.green{background:#50b981; color:#fff;}
	.button.green:hover{background:#3faa71;}
	
.button.blue{background:#1e1ca4; color:#fff;}
	.button.blue:hover{background:#1288b7;}	
	
.button.grey{background:#333; color:#fff;}
	.button.grey:hover{background:#202020;}

.button.blue{background:#1e1ca4; color:#fff;}
.button.black{background:#000; color:#fff;}

#loading_mask{position:absolute; top:0; right:0; left:0; bottom:0; background:rgba(255,255,255,.5); z-index:99;}
#loading_mask svg{position:absolute; top:calc(50% - 25px); left:calc(50% - 25px);}

.lightbox_blur{filter:blur(3px);}

#vlb_lightbox_mask{position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,.8); z-index:9999; display:none;}

#vlb_lightbox{position:fixed; top:10px; left:50%; padding:0px; background:#fff; z-index:9999; box-shadow:0 1px 5px rgba(0,0,0,0.2); border-radius:1px; transform:rotateY(90deg); transition:all 0.6s cubic-bezier(.87,-.41,.19,1.44); opacity:0; /* transform:scale(50); */ filter:blur(0); -webkit-transform: translateZ(0);}
#vlb_lightbox.open{opacity:1; transform:rotateY(0deg); top:50px; transform:scale(1);}
#vlb_lightbox .lb_title{margin:0 0 10px 0;}
#vlb_lightbox #vlb_lightbox_close{position:absolute; top:-20px; right:-13px; font-size:33px; transition:all .2s ease; opacity:.7; z-index:99; color:#fff;}
#vlb_lightbox #vlb_lightbox_close:hover{opacity:1;}

#md_lightbox_mask{position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,.3); z-index:99999999; display:none;}

#md_lightbox{position:fixed; top:10px; left:50%; padding:20px; background:#fff; z-index:99999999; box-shadow:0 1px 5px rgba(0,0,0,0.2); border-radius:1px; transform:rotateY(90deg); transition:all 0.6s cubic-bezier(.87,-.41,.19,1.44); opacity:0; /* transform:scale(50); */ filter:blur(0); -webkit-transform: translateZ(0);}
#md_lightbox.open{opacity:1; transform:rotateY(0deg); top:50px; transform:scale(1);}
#md_lightbox .lb_title{margin:0 0 10px 0;}
#md_lightbox #lightbox_close{position:absolute; top:2px; right:5px; font-size:25px; transition:all .2s ease; opacity:.5; z-index:99;}
#md_lightbox #lightbox_close:hover{opacity:1;}
#md_lightbox.lb_message{text-align:center;}
#md_lightbox.lb_message .fas{display:block; text-align:center; font-size:30px; margin:0 0 10px 0;}
#md_lightbox.lb_message p{font-size:18px; margin:20px 0;}

#main_header{position:fixed; top:0; right:0; left:0; padding:10px; background:rgba(0,0,0,1); z-index:9;}
.admin-bar #main_header{top:32px;}

#logo{float:left;}

#header_buttons{float:right;}
#join_now_button{background:#4A808C; color:#ffffff; display:inline-block; line-height:40px; padding:0 15px; font-family:'Open Sans Condensed',sans-serif; font-weight:bold; font-size:17px; text-decoration:none;}
#login_button{border:4px solid #fbb731; color:#fbb731; display:inline-block; line-height:34px; padding:0 15px; font-family:'Open Sans Condensed',sans-serif; font-weight:bold; font-size:17px; text-decoration:none; margin:0 0 0 15px;}

#main_nav{text-align:right; float:right; margin:10px 0 0 0;}
#main_nav ul{list-style:none; margin:0; padding:0;}
#main_nav li{display:inline-block; position:relative; margin:0 -4px 0 0;}
#main_nav li:after{content:"|"; color:#fff;}
#main_nav li:last-child:after{content:"";}
#main_nav li a{display:inline-block; position:relative; line-height:40px; padding:0 10px; text-decoration:none; transition:all 0.2s ease; font-weight:bold; font-family:'Open Sans Condensed',sans-serif; color:#fff; text-transform:uppercase; font-size:17px;}
#main_nav li:hover a, #main_nav li.current-menu-item a{background:rgba(0,0,0,.4);}
#main_nav li.menu-item-has-children > a:after{font-family:"Font Awesome 5 Free"; content:"\f078"; display:inline-block; margin:0 0 0 10px; font-size:8px; vertical-align:top; transition:all 0.2s ease; opacity:.5; font-weight:700;}
#main_nav li.menu-item-has-children.submenu_open > a:after{transform:rotate(180deg);}
#main_nav ul.sub-menu{position:absolute; left:0; top:40px; background:#efefef; min-width:150px; transition:all .2s ease-out; text-align:left; max-height:0; opacity:0; transform:scale(.5); display:none;}
#main_nav li:hover .sub-menu{display:block;}
#main_nav .submenu_open>ul.sub-menu{max-height:500px; transition:all .2s ease-in; opacity:1; transform:scale(1); z-index:9999;}
#main_nav ul.sub-menu li{display:block; margin:0;}
#main_nav ul.sub-menu li:after{content:"";}
#main_nav ul.sub-menu li a{line-height:34px; display:block; white-space:nowrap; background:none; color:#333; font-size:15px;}
#main_nav ul.sub-menu li a:hover{background:#e0e0e0;}
#main_nav ul.sub-menu li.menu-item-has-children > a:after{font-family:"Font Awesome 5 Free"; content:"\f054"; display:inline-block; font-size:8px; vertical-align:top;}
#main_nav ul.sub-menu ul.sub-menu{left:100%; top:0;}
	
#mobile_nav *{margin:0; padding:0; outline:0;}
#mobile_nav{position:fixed; top:0; bottom:0; left:0; width:260px; margin:0 0 0 -261px; background:#fff; text-align:center; transition:all 0.5s cubic-bezier(.87,-.41,.19,1.44); z-index:9999999; display:none;}
#mobile_nav.open{box-shadow:0 0 5px 0 #dadada;}
.admin-bar #mobile_nav{top:46px;}
#mobile_nav.open{margin:0;}
#menu_scroll{position:absolute; top:0; bottom:0; left:0; width:260px; background:#fff; text-align:center; overflow-y:scroll; direction:rtl;}
#mobile_nav #nav_button{position:absolute; top:0; left:100%; width:56px; height:70px; line-height:70px; font-size:30px; text-align:center; color:#4A808C; transition:all 0.1s ease; cursor:pointer; z-index:9999999;}
#mobile_nav.open #nav_button{/* color:#000000; */ background:#fbb731; color:#fff;}
#mobile_nav #nav_button #icon_holder:before{font-family:"Font Awesome 5 Free"; content:"\f0c9"; display:inline-block; transition:all 0.2s ease; font-weight:700;}
#mobile_nav.open #nav_button #icon_holder:before{content:"\f00d";}
#mobile_nav #nav_button i{margin:0 7px 0 0;}
#mobile_nav li{position:relative;}
#mobile_nav li a{display:block; padding:10px 5px; color:#333; font-size:15px; font-weight:500; border-bottom:1px solid #f1f1f1; text-decoration:none; transition:all 0.1s ease; direction:ltr;}
#mobile_nav li a:hover{background:#f1f1f1;}
#mobile_nav li .submenu_toggle{position:absolute; top:0; right:0; width:40px; line-height:40px; text-align:center; font-size:11px; transition:all 0.2s ease; display:block; border-left:1px solid #f1f1f1; background:#f9f9f9;}
#mobile_nav li .submenu_toggle i{transition:all .2s ease;}
#mobile_nav li .submenu_toggle.open i{transform:rotate(180deg);}
#mobile_nav li .sub-menu{display:none;}
#mobile_nav li .sub-menu a{display:block; padding:10px 5px; color:#000000; font-size:14px; font-weight:normal; background:none; border-bottom:1px solid #f2f2f2; margin:0; transition:all 0.1s ease; background:#f9f9f9;}
#mobile_nav li .sub-menu a:hover{background:#f4f4f4;}

#container{min-height:350px;}

.entry-title{margin:0 0 15px 0; color:#3b3b3b; font-size:23px;}
	
/* #content{width:70%; float:left; padding:50px 0;}
	#content 

#sidebar{width:25%; float:right; padding:50px 0;}
	#sidebar ul.sid{list-style:none; margin:0; padding:0;}
	#sidebar .widget-container{background:#f6f6f6; margin:0 0 20px 0; padding:20px 30px; box-shadow:0 3px 6px 0 rgba(0,0,0,0.1);}
	#sidebar .widget-title{margin:0 0 10px 0; color:#3b3b3b; font-size:17px;} */
	
.category .post{
    border-bottom:1px solid #dadada;
    padding:20px 0;}
.category .post .entry-title{
    font-size:20px !important;
    margin:0 0 10px 0 !important;}
.category .post .entry-meta{
    font-size:14px; font-style:italic;
    opacity:0.7;
    margin:0 0 10px 0;}
.category .post .thumbnail{
    float:left;
    height:90px;
    width:140px;
    margin:5px 20px 20px 0;}
.category .post p{
    margin:0 0 10px 0;}
	
.single .entry-meta{
    font-size:14px;
    font-style:italic;
    opacity:0.7;
    margin:0 0 15px 0;}
	
#main_footer{
    text-align:center;
    background:#070706;
    padding:20px 0;
    color:#fff;}
#main_footer p{
    margin:0;}
#main_footer a{
    color:#dadada;}
	
#footer_nav{
    margin:0 0 20px 0;}
#footer_nav ul{
    list-style:none;
    margin:0;
    padding:0;}
#footer_nav ul li {
    display:inline-block;}
#footer_nav ul li a{
    display:inline-block;
    padding:5px 15px;
    color:#333;
    text-decoration:none;}

#footer_content{margin:20px 0; font-family:'Open Sans Condensed',sans-serif; font-size:20px;}

#footer_sn{}
#footer_sn a{display:inline-block; border:2px solid #333; height:30px; line-height:30px; width:30px; text-align:center; color:#333; font-size:21px; border-radius:3px; transition:all .2s ease; opacity:.5;}
#footer_sn a:hover{opacity:1;}

@media only screen and (max-width: 1200px){
	#main_nav{display:none;}
	#mobile_nav{display:block;}
	#logo{float:none; text-align:center;}
	#logo img{width:170px;}
	#header_buttons{float:none; text-align:center; margin:15px 0 0 0;}
	#join_now_button{line-height:30px;}
	#login_button{line-height:24px;}
}

@media only screen and (max-width: 782px){
	.admin-bar #main_header{top:46px;}
}

@media only screen and (max-width: 768px){
	
}

/* styles for Beaver Builder */
.hp_column .fl-col-content{transition:all .2s ease;}
.hp_column .fl-col-content a{text-decoration: none;}
.hp_column .fl-col-content:hover{background:rgba(0,118,171,0.78); color:#fff;}
.hp_column .fl-col-content:hover a{color:#fff;}

/*Tile fade text tiles*/
.tile-fade-text .fl-col-content {overflow:hidden;aspect-ratio:2/3.35}
.fl-builder-edit .tile-fade-text .fl-col-content {aspect-ratio:unset}

.tile-fade-text .fl-module-rich-text:nth-child(2) {position:relative;transition:all 0.6s ease;}
.tile-fade-text .fl-module-rich-text:nth-child(2) .fl-module-content, .tile-with-slideup .fl-module-rich-text .fl-module-content a {color:#fff;text-decoration:none}
.tile-fade-text .fl-module-rich-text:nth-child(2) .fl-module-content p {margin-top:0%;}
.tile-fade-text .fl-module-rich-text:nth-child(2) .fl-module-content p:nth-child(2) {font-size:107%;}

.tile-fade-text .fl-module-rich-text:nth-child(3) {position:absolute;bottom:24px;z-index:99}
.fl-builder-edit .tile-fade-text .fl-module-rich-text:nth-child(3) {position:relative;bottom:0}
.tile-fade-text .fl-col-content:hover .fl-module-rich-text:nth-child(3) a {color:#fff !important}

.tile-fade-text .fl-module-rich-text:nth-child(4) {margin-top:-457px;height:800px;background:#1727ae;position:relative;width:100%;opacity:0;color:#fff;padding-top:25%}
.fl-builder-edit .tile-fade-text .fl-module-rich-text:nth-child(4) {margin-top:0;opacity:1;color:#000;background:none}
.tile-fade-text .fl-col-content:hover .fl-module-rich-text:nth-child(4) {transition:all 0.6s ease;opacity:1}

a .dashicons-twitter:before, a .fa-twitter:before {content:"\e61b";font-family: "Font Awesome 5 Brands";}

@media only screen and (max-width: 1060px){
	.tile-fade-text .fl-module-rich-text:nth-child(4) {margin-top:-442px}
	.tile-fade-text .fl-module-rich-text:nth-child(4) p {line-height:108% !important}
}
@media only screen and (max-width: 1000px){
	.tile-fade-text .fl-module-rich-text:nth-child(4) {margin-top:%}
	.tile-fade-text .fl-module-rich-text:nth-child(4) p {line-height:108%}
}
@media only screen and (max-width: 885px){
	.tile-fade-text .fl-module-rich-text:nth-child(4) {margin-top:%}

@media only screen and (max-width: 768px){
	.tile-fade-text .fl-col-content {aspect-ratio:2/2.8 !important;}
	.tile-fade-text .fl-col-content:hover .fl-module-rich-text:nth-child(3) {position:relative}
	.tile-fade-text .fl-module-rich-text:nth-child(4) {margin-top:-%}
}

/*Tiles with slideup text - with 2 nodes*/
.tile-with-slideup2 .fl-col-content {overflow:hidden;}
.tile-with-slideup2 .fl-module-rich-text:nth-child(2) {position:relative;transition:all 0.6s ease;top:0%;}

.tile-with-slideup2 .fl-module-rich-text:nth-child(2) .fl-module-content, .tile-with-slideup .fl-module-rich-text .fl-module-content a {color:#fff;text-decoration:none}
.tile-with-slideup2 .fl-module-rich-text:nth-child(2) .fl-module-content p {margin-top:0%;}
.tile-with-slideup2 .fl-module-rich-text:nth-child(2) .fl-module-content p:nth-child(2) {font-size:107%;}
.tile-with-slideup2 .fl-module-rich-text:nth-child(2) .fl-module-content p:nth-child(4) {opacity:0;text-align:center}

.tile-with-slideup2 .fl-module-rich-text:nth-child(2) .fl-module-content p:last-child {}
.tile-with-slideup2 .fl-module-rich-text:nth-child(2) .fl-module-content a:hover {text-decoration:underline}
.tile-with-slideup2 .fl-col-content:hover .fl-module-rich-text:nth-child(2) {top:-45%;background:rgba(243,156,18,1);}
.tile-with-slideup2 .fl-col-content:hover .fl-module-rich-text:nth-child(2) .fl-module-content p:last-child {opacity:100%;transition:opacity 1s;}

.tile-with-slideup2 .fl-module-rich-text:nth-child(3) {position:absolute;bottom:24px}

@media only screen and (max-width: 1060px){
	.tile-with-slideup2 .fl-module-rich-text .fl-module-content p:nth-child(4) {padding-top:0;}
}

@media only screen and (max-width: 768px){
	.tile-with-slideup2 .fl-col-content {margin:10px !important;aspect-ratio:2/2.8 !important;}
	.tile-with-slideup2 .fl-module-rich-text .fl-module-content p:nth-child(4) {padding-top:78px;}
}
.fa-twitter:before {color:red}
a .fa-twitter:before {content:"\e61b";}