/*
Theme Name: Mount Southington Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: A BB child theme.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 

/* STUFF FOR CUSTOMIZE BUG FIX  */


/* THIS WAS FOR SVG LOGO 

.fl-page-header-logo {
    padding: 0 180px 0 0;
}

--END SVG LOGO  */


/*   ------------- COLORS -----------

Orange:  #f26522
Blue: #2E3673

-------------------------------------  */


#homeFeatVidHead, #homeFeatVid { background-color: #f26522; background-image: url(/wp-content/uploads/2016/09/pattern.png); background-position: top left; background-size: cover;  }


/* =================================================================== */
/*  ++++++++++  LIFTOPIA ++++++++++++ */
a.cta-red {
   background-color: #ee432e;
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee432e), color-stop(50%, #c63929), color-stop(50%, #b51700), color-stop(100%, #891100));
   background-image: -webkit-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
   background-image: -moz-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
   background-image: -ms-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
   background-image: -o-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
   background-image: linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
   border: 1px solid #951100;
   border-radius: 5px;
   -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
   box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
   color: #fff;
   font: bold 20px/1 "helvetica neue", helvetica, arial, sans-serif;
   padding: 12px 16px 14px;
   text-align: center;
   text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
   width: auto;
   display:block;
   text-decoration:none;
   width: 350px; }
   
a.cta-red:hover {
   background-color: #f37873;
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f37873), color-stop(50%, #db504d), color-stop(50%, #cb0500), color-stop(100%, #a20601));
   background-image: -webkit-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
   background-image: -moz-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
   background-image: -ms-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
   background-image: -o-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
   background-image: linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
   cursor: pointer; }

a.cta-red:active {
   background-color: #d43c28;
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d43c28), color-stop(50%, #ad3224), color-stop(50%, #9c1500), color-stop(100%, #700d00));
   background-image: -webkit-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
   background-image: -moz-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
   background-image: -ms-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
   background-image: -o-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
   background-image: linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
   -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
   box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4); }
   
   
   a.cta-blue {
   background-color: #759ae9;
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #759ae9), color-stop(50%, #376fe0), color-stop(50%, #1a5ad9), color-stop(100%, #2463de));
   background-image: -webkit-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
   background-image: -moz-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
   background-image: -ms-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
   background-image: -o-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
   background-image: linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
   border-top: 1px solid #1f58cc;
   border-right: 1px solid #1b4db3;
   border-bottom: 1px solid #174299;
   border-left: 1px solid #1b4db3;
   border-radius: 4px;
   -webkit-box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
   box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
   color: #fff;
   font: bold 16px/1 "helvetica neue", helvetica, arial, sans-serif;
   padding: 7px 20px;
   text-shadow: 0 -1px 1px #1a5ad9;
   width: 140px;
   display:block;
   text-align: center;
   text-decoration:none; }

a.cta-blue:hover {
   background-color: #5d89e8;
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5d89e8), color-stop(50%, #2261e0), color-stop(50%, #044bd9), color-stop(100%, #0d53de));
   background-image: -webkit-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
   background-image: -moz-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
   background-image: -ms-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
   background-image: -o-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
   background-image: linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
   cursor: pointer; }

a.cta-blue:active {
   border-top: 1px solid #1b4db3;
   border-right: 1px solid #174299;
   border-bottom: 1px solid #133780;
   border-left: 1px solid #174299;
   -webkit-box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eeeeee;
   box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eeeeee; }
   
   
   
   a.cta-orange {
   background-color: #fcd3a5;
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f47a20), color-stop(100%, #faa51a));
   background-image: -webkit-linear-gradient(top, #f47a20, #faa51a);
   background-image: -moz-linear-gradient(top, #f47a20, #faa51a);
   background-image: -ms-linear-gradient(top, #f47a20, #faa51a);
   background-image: -o-linear-gradient(top, #df47a20, #faa51a);
   background-image: linear-gradient(top, #f47a20, #faa51a);
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
   border: 1px solid #da7c0c;
   -webkit-border-radius: 12px;
   -moz-border-radius: 12px;
   border-radius: 12px;
   color: #fef4e9;
   font: normal 14px/1.5 "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
   padding: 5px 10px;
   text-align: center;
   text-shadow: 0 1px 1px #f47a20;
   width: 170px;
   display:block;
   text-decoration:none;
   float:left;
    }

a.cta-orange:hover {
   background-color: #f88e11;
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f88e11), color-stop(100%, #f06015));
   background-image: -webkit-linear-gradient(top, #f88e11, #f06015);
   background-image: -moz-linear-gradient(top, #f88e11, #f06015);
   background-image: -ms-linear-gradient(top, #f88e11, #f06015);
   background-image: -o-linear-gradient(top, #f88e11, #f06015);
   background-image: linear-gradient(top, #f88e11, #f06015);
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
   -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
   -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
   box-shadow: 0 1px 2px rgba(0,0,0,.2);
   color: #fff;
   cursor: pointer; }

a.cta-orange:active, a.cta-orange:visited {
   color: #fff;
   background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
   background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
   border: 1px solid #f47a20;
   -webkit-box-shadow: inset 0 0 4px 2px #f47a20, 0 0 1px 0 #faa51a;
   box-shadow: inset 0 0 4px 2px #f47a20, 0 0 1px 0 #faa51a; }
   
   
   
/* edits for header blocks */
   .cc-header .cc-lfttrls {padding-right: 20px;}
   

/* ++++++++++++++++++++++++++ END LIFTOPIA +++++++++++++++++++++++++++ */
/* =================================================================== */


.fancyHead em { font-family: Norican; font-size: larger; font-size: normal; font-weight: normal;}


.wp-picker-container { position: relative !important; }



.fl-page-nav-wrap {
   /* background-color: #272727; */
}

.fl-page-bar a, .fl-page-bar a *, .fl-page-bar a.fa, .fl-page-header a, .fl-page-header a *, .fl-page-header a.fa {
    color: 25327b;
}

#mega-menu-header > li > a:hover { color: #fff !important; }

.fl-page-nav-search a.fa.fa-search { color: #fff; }


a[title="Edit view"] {
    font-size: 10px;
    color: #cccccc;
} 


body.home .fl-node-55b0780058dd4 .cff-wrapper {
	/* max-height: 350px; */
	overflow: scroll;
}


body.page-id-598 .wpv-filter-form {
	padding: 10px;
	border: 1px solid #990000;
}

body.page-id-598 .widget_wp_views h4 {
	
	font-size: 14px;
	color: #990000;
	margin: 10px 0 0;
}

body.page-id-598 .widget_wp_views li {
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 1px solid #283b88;
}

.modulewidget-upcoming_events--1-title {
	width: auto !important;
}


.widget.upcoming_events .pad a br { display:none; }

.widget.upcoming_events .modulewidget-upcoming_events--1-title hr { margin-top:0; margin-bottom:0; }

.widget.upcoming_events .modulewidget-upcoming_events--1-title div { margin: 0 0 0 0; padding: 0 0 0 0; }

.fl-page-footer-text-2 { display: block; float: left; }

.mega-sub-menu { z-index: 9999; }

/*  MOBILE MENU  */

.navbar-toggle {
 display: none;
}
.navbar .fl-page-nav-collapse {
 display: block;
 visibility: visible;
}

body {
	background-color: #ffffff;
}

/* -- Header Address/Phone --*/
.fl-page-header-text span {
	color: #283B88;
	font-size: 20px;
	font-weight:bold;
}

.fl-page-header-text span.phone {
	font-size: 26px;
}


/* --- CURRENT CONDITIONS HEADER
-------------------------------------- */
.cc-header {
	width: 600px;
	display:block;
	float: right;
	padding-top: 10px;
}

.cc-header div {
	display: block;
	height: 30px;
	float:left;
	text-align: left;
	padding-left: 30px;
	font-size: 11px;
	font-weight:bold;
	color: #283B88;
}

.cc-header .cc-postdate {
	background: url("/wp-content/uploads/2015/07/cond_date_o.png") no-repeat left;
	padding-right: 30px;

}

.cc-header .cc-trailcond {
	background: url("/wp-content/uploads/2015/07/cond_cond_o.png") no-repeat left;
	padding-right: 30px;

}

.cc-header .cc-lfttrls {
	background: url("/wp-content/uploads/2015/07/cond_trails_o.png") no-repeat left;
}


/* -- PRICE TABLES : JUST FOR KIDS   */

body.page-id-85 .tablepress .column-1 {
	width: 300px;
}


/* --- EVENTS WIDGET  -- */
.modulewidget-upcoming_events--1-title
{
max-height: 425px;
overflow: scroll;
 }


/* --  HEADER & FOOTER MOBILE  -- 
--------------------------------- */

@media (max-width: 480px) {

	body { -webkit-text-size-adjust: 100%; }
	
	.fl-page-nav-toggle-icon .fl-page-header-logo { margin-right: 0; text-align: center; }
	
	.cc-header { width: 310px; float:none; }
	.cc-header h2 { margin-bottom: 20px; margin-top: 0px; }
	.cc-header div { display: block; float:none; width: 200px; margin-left: 60px; margin-bottom: 5px; }
	.cc-header .cc-trailcond br { display: none; }
	
	.fl-page-nav-toggle-icon .fl-page-header-content { margin-top: 0px; }
	
	.fl-page-footer-text-2 { width: 100%; }
	
	.fl-page-header-logo { padding: 0 0 0 0; }

	a.cta-orange { float:none; margin: 5px auto; }

}

@media (max-width: 768px) {
	.home .fl-col-small { max-width: 768px !important; }
	.fl-page-nav-toggle-icon .fl-page-header-logo { margin-right: 0; text-align: center; }
	.fl-page-header-logo { width:100% }
	a.cta-orange { float:none; margin: 10px auto; }
	.cc-header { width: 300px; float:none; }
	.cc-header h2 { margin-bottom: 20px; margin-top: 0px; }
	.cc-header div { display: block; float:none; width: 200px; margin: 5px auto; }
	.cc-header .cc-trailcond br { display: none; }
	.fl-module-icon.header-call, .fl-module-icon.header-directions { padding-left: 30px; text-align:left !important; }
	#lowerCTArow .fl-photo {
		float:left;
		max-width: 50px;
		vertical-align: baseline;
	}
	
	#lowerCTArow .fl-module-content { margin: 5px;}
	
	
}