/* ===================
	SITE SPECIFIC CSS
	=================*/

/* ----------------------------------------------------------------
GENERAL SETTINGS 
-----------------------------------------------------------------*/

a {color:#9e0b0f;}
.redtext{color: #9e0b0f !important;}
.form-control{font-weight: 500;color:#000;}

/* ----------------------------------------------------------------
 MISSING BOOTSTRAP STUFF 
-----------------------------------------------------------------*/
.mb-0{margin-bottom: 0px;}
.mb-1{margin-bottom: 10px;}
.mb-2{margin-bottom: 20px;}
.mb-3{margin-bottom: 30px;}
.mb-4{margin-bottom: 40px;}
.mt-0{margin-top: 0px;}
.mt-1{margin-top: 10px;}
.mt-2{margin-top: 20px;}
.mt-3{margin-top: 30px;}
.mt-4{margin-top: 40px;}
.mr-1{margin-right: 10px;}
.mr-2{margin-right: 20px;}
.ml-2{margin-left: 20px;}

.pb-0{padding-bottom: 0px;}
.pb-1{padding-bottom: 10px;}
.pb-2{padding-bottom: 20px;}
.pb-3{padding-bottom: 30px;}
.pb-4{padding-bottom: 40px;}
.pt-0{padding-top: 0px;}
.pt-1{padding-top: 10px;}
.pt-2{padding-top: 20px;}
.pt-3{padding-top: 30px;}
.pt-4{padding-top: 40px;}
.inline-block{display:inline-block;}

.btn-sm {width:30%;}
.btn-gray{background-color: #848484 !important; border: 2px solid #848484;;}

.border-top{border-top: 1pt solid #eee;padding-top:10px; margin-top:10px;}

/* ----------------------------------------------------------------
 ADVERTISEMENTS 
-----------------------------------------------------------------*/

.ad-div {display: inline-block; width:100%; margin-top:10px; margin-bottom:40px; text-align: center;}
div#topad, div#bottomad {
    display: inline-block;
    width: 100%;
    margin: 10px auto;
    text-align: center;
}
.top-ad-side, .top-ad-sideright, .top-ad-center {height:90px; float: left;}
.top-ad-side, .top-ad-sideright {
    width: 150px;
    text-align: center;
    display: inline-block;
    margin: 0px;
}
.top-ad-center {width:730px;text-align: center;}
.banner-ad{z-index: 0px;display:inline-block;}

/* ----------------------------------------------------------------
 MENU & HEADER 
-----------------------------------------------------------------*/
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; 
 }
 .search-area, .banner-ad {margin-bottom: 20px;}

/* ----------------------------------------------------------------
 SIGINS 
-----------------------------------------------------------------*/
.social-login {
	margin:3px 1px; 
	line-height:normal;
	float:left;
}
.fa-facebook-square{color: #3b5998;  font-size: 3.4em;margin-top:2px;}
#googleButton {
      background: white;
      width: 33px;
      height: 33px;
      border-radius: 5px;
      border: thin solid #888;
      margin-top:6px;
      margin-right:6px;
}
#googleButton:hover {
      cursor: pointer;
}
.googlelogin{padding:0px !important;line-height: normal !important;}
i.googleicon {
      background: url('/images/googlelogin.png') transparent 1px 1px no-repeat;
      display: inline-block;
      vertical-align: middle;
      width: 30px;
      height: 30px;
}

/* ----------------------------------------------------------------
	HOME
-----------------------------------------------------------------*/
.owl-theme .owl-controls .owl-page span, .owl-theme .owl-dots .owl-dot span{
    filter: Alpha(Opacity=90);
    opacity: 0.9;
    background-color: #FEFF00;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    filter: Alpha(Opacity=70);
    opacity: 0.7;
    background-color: #ffe800;
}

@media(min-width:768px) and (max-width:1199px) {
	.home-story{min-height: 350px;}
}


/* ----------------------------------------------------------------
 CHANNEL PAGINATION 
-----------------------------------------------------------------*/
.disabled {color:#e9e9e9;}

/* ----------------------------------------------------------------
 FOOTER 
-----------------------------------------------------------------*/
footer{background-color: #c5c5c5;}
.footer-logo{width:350px;}
footer .copyright{font-size: 9pt; margin-top:50px;}
.footer-logo-address address {color:#111;}
footer ul li .fa {color: #FFF;}
.fa-dot-circle-o {color: #000;}
footer ul li a {color: #000;}
footer .appstore {height:50px;margin-bottom:10px;}

/* ----------------------------------------------------------------
 STORY LISTS 
-----------------------------------------------------------------*/
.post-wrapper .post-info{padding:0px;}
.post-wrapper h3 {margin-bottom:6px;}

.post-title-author-details h4 {margin-bottom: 4px;}
.post-info p {color: #000; font-size: 14px;}

.post-date a:link, .post-date a:visited {color: #797986;}
.category-heading {font-size: 18px;}
.category-heading a:link, .category-heading a:visited {color:#d23328;}

.entry-thumb{height:70px;width:100px;}
.box-item .td-module-title{font-size:14px;}
.date ul li a, .date ul li {letter-spacing: normal;}
.date ul li:not(:last-child) {padding-right: 4px;margin-right:4px;border-right:1px solid #ccc;}

/* ----------------------------------------------------------------
STORY PAGES
-----------------------------------------------------------------*/
.sharethis-inline-share-buttons {max-width: 70%; float:right;}
.si-share {
	position: relative;
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
}

.si-share span {
	line-height: 32px;
	font-weight: bold;
	font-size: 13px;
}
.content {margin-top:30px;}

/* ----------------------------------------------------------------
 SIDEBAR 
-----------------------------------------------------------------*/
.stickyDiv {position: sticky;position: -webkit-sticky;top: 50px;}

.membership{background-color: #df291c; color: #FFF; padding: 8px; width:300px; float:right; margin-bottom: 30px; text-align: center; } 
.membership h3, .membership h3 a, .membership p{color:#FFF;}

.sidebar-widget {width:300px; float:right;margin-bottom:30px;z-index: 99;}

.sidebar-inner {padding: 30px;background-color: #f6f6f6;}
.box-item, .sidebar-inner {z-index: 99;}

.sidebar-inner .radio-inline {
    color: #2A3134;
    font-weight: 600;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
}

.sidebar-inner .radio-btn {
    margin: 30px 0;
}

.sidebar-inner input[type='radio'] {
    -webkit-appearance: none;
    width: 12px;
    height: 12px;
    border: 1px solid #d23328;
    border-radius: 50%;
    outline: none;
}

.sidebar-inner input[type='radio']:hover {
    box-shadow: 0 0 5px 0px orange inset;
}

.sidebar-inner input[type='radio']:before {
    content: '';
    display: block;
    width: 60%;
    height: 60%;
    margin: 20% auto;
    border-radius: 50%;
}

input[type='radio']:checked:before {
    background: #d23328;
}


/* ----------------------------------------------------------------
 MY ACCOUNT
-----------------------------------------------------------------*/
.panel-heading{text-transform: uppercase;font-size:18px;font-weight: bold;}

label.notbold{font-weight: normal !important;line-height: normal !important;}
.abcRioButton {margin:0 auto !important;}

form label {min-width:70%; font-size: 13px; font-weight: 700; color: #545454; cursor: pointer; }
form label:not(.checkbox-slider):not(.checkbox):not(.form-check-label) {margin-bottom: 10px; display: inline-block; margin-left: 0px;width:100% !important; float:none !important; }	
form .checkbox-slider , form .slider{max-width:30px !important; width: 30px !important;min-width:10% !important;}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio]{margin-left: 0px !important;}
.radio-inline{position:absolute !important;}

#pswd_info, #pswd_check, #pswd_info2, #pswd_check2, #new_email, #email_check {position:absolute; width:300px; padding:15px; background:#fefefe; font-size:.875em; border-radius:5px; box-shadow:0 1px 3px #ccc; border:1px solid #ddd; z-index: 99; }
#pswd_info{bottom:-190px;right:15px;}
#pswd_check {right:25px;bottom:-105px;}
#pswd_info2, #pswd_check2 {bottom: 120px;left:50px;}
#new_email {bottom: -100px;left:50px;}
#email_check {bottom: -120px;left:50px;}

#pswd_check p, #pswd_check2 p, #new_email p, #email_check p {font-size: 12px;}
#pswd_info h4, #pswd_check h4, #pswd_info2 h4, #pswd_check2 h4, #new_email h4, #email_check h4 { margin:0 0 10px 0; padding:0; font-weight:normal; }
#pswd_info::before, #pswd_check::before, #pswd_info2::before, #pswd_check2::before, #new_email::before, #email_check::before {content: "\25B2"; position:absolute; top:-12px; left:45%; font-size:14px; line-height:14px; color:#ddd; text-shadow:none; display:block; } 
.invalid { padding-left:22px; line-height:24px; color:#ec3f41; }
#pswd_info ul, #pswd_info2 ul, #new_email ul, #email_check ul{ list-style-type: none!important;}
li.invalid::before{ content:"x\0020"; font-weight: bold; padding-right:8px; }
.valid { padding-left:22px; line-height:24px; color:#3a7d34; }
li.valid::before{ content:"\2713\0020"; font-family: 'font-icons' !important; }
#pswd_info, #pswd_check, #pswd_info2, #pswd_check2, #new_email, #email_check { display:none; }
.modal-dialog {max-width: 1000px !important;}

.imagePreview {width: auto;text-align: center;}

.th{padding:6px 12px; font-size:1em;font-weight: bold;}
.table{background-color: #FFF;color:#000;}
#businessList a, #eventList a{font-weight: bold;}

.hidden { display: none !important;}
.imageHolder { width: 300px; height: 250px;border: 5px dashed #ccc; margin: 5px auto; padding:5px; font-weight:bold; color:#ccc;}
.imageHolderHover { width: 300px; height: 250px; border: 5px dashed #0c0; margin: 5px auto; padding:5px; font-weight:bold; color:#ccc;}
.imageHolderLoading { margin: 5px auto; padding:5px; font-weight:bold; color:#333;}
.imagePreview { width: 300px; margin: 15px auto;}
.imageHolder img { display: block; margin: auto; }
.progress {font-size:12px; font-weight:bold; }
.uploadProgress { width: 100%; }

.alert-warning{color:#4b4a4a;}
.tab-inner{color:#4b4a4a;}

.accordion { margin-bottom: 20px; }
.accordion-header {padding: 0.75rem 0; border-top: 1px dotted #DDD; cursor: pointer; position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -5px; cursor: pointer; color: #444; font-size: 1rem; font-weight: 700; }
.accordion-header.accordion-active{background-color: #dbdbdb;margin-bottom:20px;}
.accordion-icon {-ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; padding: 0 5px; text-align: center; } 
.accordion-title { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; padding: 0 5px; }
.accordion:not([data-collapsible="true"]) .accordion-header.accordion-active { cursor: auto; }
.accordion-header:first-child { border-top: none; }
.accordion-header:not(.accordion-active) .accordion-open,
.accordion-active .accordion-closed { display: none; }
.accordion-active .accordion-open { display: inline-block; }
.accordion-content { display: none; position: relative; padding-top: 0; padding-bottom: 1.5rem; }

/* ----------------------------------------------------------------
	Styled Icons
-----------------------------------------------------------------*/
.i-rounded,.i-plain,.i-circled,.i-bordered,.social-icon { display: block; margin: 4px 11px 7px 0; text-align: center !important; font-size: 28px; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); cursor: pointer; font-style: normal; float: left; }

body:not(.device-touch) .i-rounded,
body:not(.device-touch) .i-plain,
body:not(.device-touch) .i-circled,
body:not(.device-touch) .i-bordered,
body:not(.device-touch) .social-icon {-webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

.i-rounded, .i-circled, .i-bordered {width: 52px !important; height: 52px !important; line-height: 52px !important; background-color: #444; border-radius: 3px; }
.i-bordered { border: 1px solid #555; line-height: 50px !important; background-color: transparent !important; color: #444; text-shadow: none;}
.i-plain { width: 36px !important; height: 36px !important; font-size: 28px; line-height: 36px !important; color: #444; text-shadow: 1px 1px 1px #FFF; } 
.i-plain:hover { color: #777; }
.i-circled { border-radius: 50%; }
.i-light { background-color: #F5F5F5; color: #444; text-shadow: 1px 1px 1px #FFF; box-shadow: inset 0 0 15px rgba(0,0,0,0.2); } 
.i-rounded:hover, .i-circled:hover {background-color: #1ABC9C; 	color: #FFF; 	text-shadow: 1px 1px 1px rgba(0,0,0,0.3); 	box-shadow: 0 0 0 rgba(0,0,0,0.2); }
.i-bordered:hover {background-color: #444 !important; color: #FFF; border-color: #444; } 


/* ----------------------------------------------------------------
	Process Steps
-----------------------------------------------------------------*/
.modal-inner{margin-left:20px; margin-right:20px;}
.process-steps { margin: 0 0 40px; list-style: none; } 
.process-steps li { float: left; position: relative; width: 20%; text-align: center; } 
.process-steps li .i-circled { margin-bottom: 0 !important; }
.process-steps li .i-bordered { background-color: #FFF; }
.process-steps li .i-bordered, .process-steps li .i-circled{float:none;margin:0 auto;} 

.process-steps li h5 { 	margin: 15px 0 0 0; 	font-size: 16px; 	font-weight: 300;}
.process-steps li.active h5, .process-steps li.ui-tabs-active h5 { font-weight: 600; color: #de403b; }

.process-steps li.active a, .process-steps li.ui-tabs-active a { background-color: #de403b !important; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); border-color: #de403b !important; }
.process-steps li:before, .process-steps li:after { content: ''; position: absolute; top: 30px; left: 0; width: 30%; border-top: 1px dashed #DDD; }
.process-steps li:after { left: auto; right: 0;}
.process-steps li:first-child:before,
.process-steps li:last-child:after { display: none; }
.process-steps a.inactiveLink { pointer-events: none; cursor: default; }
.form-horizontal .form-group {margin-left: 0px !important; margin-right: 0px !important;}	

	
/* ----------------------------------------------------------------
	Tabs
-----------------------------------------------------------------*/
.tabs-plain {background: none !important;}
.tabs { position: relative; margin: 0 0 30px 0; background: none !important; }
.tabs li{width:auto !important;}

ul.tab-nav-lg { margin-bottom: 20px; list-style: none; } 
ul.tab-nav-lg li { float: left; position: relative; text-align: center; padding-top: 15px; padding-bottom: 0px; } 
ul.tab-nav-lg li a { display: inline-block; color: #444; font-size: 13px; height: 43px; padding:0 15px; line-height: 38px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; }
ul.tab-nav.tab-nav-lg li i { display: block; font-size: 28px; margin: 0 0 7px; }
ul.tab-nav-lg li.ui-tabs-active a { color: #de403b; }
ul.tab-nav-lg li.ui-tabs-active a { border: 1px solid #DDD; border-bottom: 0; }
ul.tab-nav-lg li.ui-tabs-active a { top: -1px; border-top: 2px solid #de403b; }  

.tab-container { position: relative; padding: 20px 30px 0; }
ul.tab-nav li a i {position: relative;top: 1px;font-size: 14px;margin-right: 3px;}

.tabs-bordered ul.tab-nav li:first-child { margin-left: 0; }
.tabs-bordered .tab-container { border: 1px solid #DDD; border-top:1px solid #DDD; padding: 20px; } 

/* ----------------------------------------------------------------
	CLASSIFIEDS
-----------------------------------------------------------------*/
#businessmapFull, #businessmap {height: 400px; width:100%; border:1pt solid #000;margin-bottom:20px;margin-top:10px;}
.bg-primary h4{color: #FFF;}

/* ----------------------------------------------------------------
 RESPONSIVE 
-----------------------------------------------------------------*/
@media (min-width: 1000px){
	#businessmapFull{min-width: 1000px; }
	.modal-dialog{width: 70% !important;}
}
@media (max-width: 1199px){
	.social ul li a {
		width: 45px;
	    height: 45px;
	    font-size: 10px;
	    padding-top: 10px;
        margin: 0px 10px;
	}
	footer .social ul li .fa {font-size: 18px; margin-bottom:10px;}
    .nav > li > a{margin: 10px 0px;}
    #st-1 .st-btn {padding: 0 16px;}
    .breadcrumb > li + li:before {padding: 0 10px;}
}
@media (max-width: 1000px){
    .top_header_icon a{color:#fff !important;}
    .top_header_icon_wrap {margin-right: 20px;}
    .top_header_icon_wrap .fa {font-size: 18px !important;}   
}
@media (min-width: 768px){
	.modal-dialog{width: 90% !important;}
}

@media (min-width: 768px) and (max-width: 1199px){
	.banner-ad {float:left; display:inline-block;}
	.footer-logo {width:200px;}
	.membership {float:left;}
}

@media (max-width: 767px){
	.news-feed .owl-theme .owl-dots{top:25%;}
	.membership{width:100%;margin-top:40px;margin-bottom:0px;}
	#businessmapFull{min-width: 200px; height:300px;}
	.bg-primary{padding-top:2px; padding-bottom:2px;}
	ul.tab-nav-lg li {padding-top:4px;}
	.btn-sm {width:100%;margin-top:10px;}
}