/* COLOR

teal #3fadbf
blue #004165
orange #e28719
green #c7ce66
purple #772059
*/

body {font-family:'Helvetica Neue', Helvetica, Arial, sans}

#sidebar h4 {
color: #000;
opacity: 1;
font-family: 'Inter' !important;
font-weight: 600;
font-size: 20px;
	margin-bottom: 15px;}

body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container .sub-menu li a {font-size:16px !important; font-weight:400 !important; line-height:1 !important}

body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container .sub-menu li a:after {
	border: 1px solid rgba(255,255,255,0.5) !important;}

.resource-block {padding: 12px 0; border-bottom: 1px solid #ccc}
body.material[data-button-style^=rounded] .resource-block .nectar-button.has-icon:not([class*=see-through]) i,
body.material[data-button-style^=rounded] .event-inner .nectar-button.has-icon:not([class*=see-through]) i
{background-color: transparent;}

body.material .resource-block .nectar-button, body.material .event-inner .nectar-button {padding: 6px 36px}
body.material .resource-block .nectar-button.has-icon.small {padding-right: 24px;}


.event-inner h3 {background: #3fadbf; color: #fff; padding:4px 12px; display: inline-block; font-size: 18px }

.event-past img, .event-past p, .event-past h2, .event-past h3 {opacity:0.25; pointer-events:none}

/* chapters */

.vc_col-sm-3 h2.widgettitle {font-size:16px; text-transform:uppercase; color:#fff; background:#772059; padding:12px; line-height:1}
.vc_col-sm-3 .vc_wp_custommenu a {color:#3fadbf !important; font-size:14px; line-height:1}
.vc_col-sm-3 .vc_wp_custommenu a:hover {color:#004165 !important}
 
.vc_col-sm-3 .vc_wp_custommenu li.current_page_item a {font-weight:bold}

.wp-caption-text {font-size:14px; font-family:'PT Serif'; font-style:italic; line-height:1.25 }


/* footer */

#footer-outer #footer-widgets .widget h4 {margin: 0; padding: 0; font-size: 18px}

body #footer-outer .gform_wrapper .top_label .gfield_label {font-size: 14px; font-weight: 400; margin-top: 0}
.widget_media_image {margin: 0 !important; max-width: 200px}

#footer-outer #footer-widgets .col input[type=text], #footer-outer #footer-widgets .col input[type=email] {background: #fff !important; padding: 5px}

/* FORM */

.gform_wrapper ul li {border: 1px solid red}


/* - - - - -  BONES - - - - -  */
.clearboth {
	clear: both;
	display: block;
	font-size: 0px;
	height: 0px;
	line-height: 0;
	width: 100%;
}
.space10 {
	height: 10px
}
.space20 {
	height: 20px
}
.space30 {
	height: 30px
}
.space40 {
	height: 40px
}
.space50 {
	height: 50px
}
.space60 {
	height: 60px
}
.space70 {
	height: 70px
}
.space80 {
	height: 80px
}
.space90 {
	height: 90px
}
.space100 {
	height: 100px
}
.last-col {
	float: right;
	padding-right: 0 !important;
}

.product-inner {padding: 0 24px}

/*
Mobile Grid Styles
These are the widths for the mobile grid.
There are four types, but you can add or customize
them however you see fit.
*/
@media (max-width: 767px) {
	ul.related li {width: 100%; margin-right: 0; margin-bottom: 10px; float:left }
	ul.resource-gallery li {padding: 8px; width: 50%;}
	
.m-hide {
	display: none
}
.m-all {
	float: left;
	padding-right: 0.75em;
	width: 100%;
	padding-right: 0;
}
.m-1of2 {
	float: left;
	padding-right: 0.75em;
	width: 50%;
}
.m-1of3 {
	float: left;
	padding-right: 0.75em;
	width: 33.33%;
}
.m-2of3 {
	float: left;
	padding-right: 0.75em;
	width: 66.66%;
}
.m-1of4 {
	float: left;
	padding-right: 0.75em;
	width: 25%;
}
.m-3of4 {
	float: left;
	padding-right: 0.75em;
	width: 75%;
}
.m-1of5 {
	float: left;
	padding-right: 0.75em;
	width: 20%;
}
.m-2of5 {
	float: left;
	padding-right: 0.75em;
	width: 40%;
}
.m-3of5 {
	float: left;
	padding-right: 0.75em;
	width: 60%;
}
.m-4of5 {
	float: left;
	padding-right: 0.75em;
	width: 80%;
}
.m-right {
	float: right !important
}
.m-left {
	float: left !important
}
body #slide-out-widget-area .inner .off-canvas-menu-container li a, body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a, body #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a {
	font-size: 22px !important;
	line-height: 32px !important
}
.swiper-slide.london .content img, img.lc-logo {
	width: 100%;
	max-width: 250px !important;
}
body.home .swiper-container .slider-prev, body.home .swiper-container .slider-next {
	display: none!important
}
body.ascend .active_texture {
	background-image: url(img/grid20.png) !important;
	display: block !important
}
	.spaceLC {
	height: 250px !important
}
	.wpb_row.native-size .row-bg.using-image {
	background-position:  center bottom !important
}
}

/* Portrait tablet to landscape */
@media (min-width: 768px) and (max-width: 999px) {
	ul.related li {width: 32%; margin-right: 1%; margin-bottom: 0px; float:left }
	ul.resource-gallery li {padding: 8px; width: 40%;}
.spaceLC {
	height: 250px !important
}
	.homeblocks .vc_row-fluid .vc_col-sm-4 {
	float: left;
	width: 46% !important;
	margin: 2% 2% 2% 2% !important
}
.t-hide {
	display: none
}
.t-all {
	float: left;
	padding-right: 0.75em;
	width: 100%;
	padding-right: 0;
}
.t-1of2 {
	float: left;
	padding-right: 0.75em;
	width: 50% !important
}
.t-1of3 {
	float: left;
	padding-right: 0.75em;
	width: 33.33%;
}
.t-2of3 {
	float: left;
	padding-right: 0.75em;
	width: 66.66%;
}
.t-1of4 {
	float: left;
	padding-right: 0.75em;
	width: 25%;
}
.t-3of4 {
	float: left;
	padding-right: 0.75em;
	width: 75%;
}
.t-1of5 {
	float: left;
	padding-right: 0.75em;
	width: 20%;
}
.t-2of5 {
	float: left;
	padding-right: 0.75em;
	width: 40%;
}
.t-3of5 {
	float: left;
	padding-right: 0.75em;
	width: 60%;
}
.t-4of5 {
	float: left;
	padding-right: 0.75em;
	width: 80%;
}
.t-right {
	float: right !important
}
.t-left {
	float: left !important
}
}


/* Landscape to small desktop */
@media (min-width: 1000px) {
.homeblocks .vc_row-fluid .vc_col-sm-4 {
	float: left;
	width: 31.33% !important;
	margin: 1% 1% 1% 1% !important
}
.slide-out-widget-area-toggle, .d-hide {
	display: none !important
}
.d-all {
	float: left;
	padding-right: 0.75em;
	width: 100%;
	padding-right: 0;
}
.d-1of2 {
	float: left;
	padding-right: 0.75em;
	width: 50%;
}
.d-1of3 {
	float: left;
	padding-right: 0.75em !important;
	width: 33.33% !important;
}
.d-2of3 {
	float: left;
	padding-right: 0.75em;
	width: 66.66%;
}
.d-1of4 {
	float: left;
	padding-right: 0.75em;
	width: 25%;
}
.d-3of4 {
	float: left;
	padding-right: 0.75em;
	width: 75%;
}
.d-1of5 {
	float: left;
	padding-right: 0.75em;
	width: 20%;
}
.d-2of5 {
	float: left;
	padding-right: 0.75em;
	width: 40%;
}
.d-3of5 {
	float: left;
	padding-right: 0.75em;
	width: 60%;
}
.d-4of5 {
	float: left;
	padding-right: 0.75em;
	width: 80%;
}
.d-1of6 {
	float: left;
	padding-right: 0.75em;
	width: 16.6666666667%;
}
.d-5of6 {
	float: left;
	padding-right: 0.75em;
	width: 83.333333%;
}
.d-1of7 {
	float: left;
	padding-right: 0.75em;
	width: 14.2857142857%;
}
.d-2of7 {
	float: left;
	padding-right: 0.75em;
	width: 28.5714286%;
}
.d-3of7 {
	float: left;
	padding-right: 0.75em;
	width: 42.8571429%;
}
.d-4of7 {
	float: left;
	padding-right: 0.75em;
	width: 57.1428572%;
}
.d-5of7 {
	float: left;
	padding-right: 0.75em;
	width: 71.4285715%;
}
.d-6of7 {
	float: left;
	padding-right: 0.75em;
	width: 85.7142857%;
}
.d-1of8 {
	float: left;
	padding-right: 0.75em;
	width: 12.5%;
}
.d-1of9 {
	float: left;
	padding-right: 0.75em;
	width: 11.1111111111%;
}
.d-1of10 {
	float: left;
	padding-right: 0.75em;
	width: 10%;
}
.d-1of11 {
	float: left;
	padding-right: 0.75em;
	width: 9.09090909091%;
}
.d-1of12 {
	float: left;
	padding-right: 0.75em;
	width: 8.33%;
}
.d-right {
	float: right !important
}
.d-left {
	float: left !important
}
}