/*

Theme Name: Focus custom theme
Theme URI: http://theme.co/pro/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to Pro in this child theme.
Version: 1.0.0
Template: pro

*/

.show-mobile{
	display: none;
}

.ubermenu > ul > li > a,
.join-focus-menu-item a,
.footer-quote-cite,
.x-btn,
.what-we-do-title,
.meet-title,
.event-date,
.event-title,
.event-time,
.footer-policies,
.event-list-date,
.event-list-name,
.ubermenu-item-header,
.x-creative-cta .text,
.icon-tooltip .icon-tooltip-text,
.x-btn, .button, [type="submit"] {
	font-family: "Oswald",sans-serif;
}

.meet-title,
.event-time,
.event-list-time {
	font-family: 'Montserrat', sans-serif;
}

.front-page-event-button{
	font-family: "PT Serif",serif;
	font-size: 18px;
}

.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6{
margin: 0 0 .25em;
}

.h6, h6{
	letter-spacing: .05em;
	font-size: 120%;
}

/* Dark blue*/
.what-we-do-title,
.upcoming-event,
.event-list-name,
.footer-policies a:hover {
	color: #002e62 !important;
}

.upcoming-event:hover .event-date,
.start-your-journey:hover,
.front-page-event-button{
	background-color: #002e62 !important;
}

/* Orange */
.orange-text{
	color: #ff7309;
}

.mobile-journey .x-anchor-text-primary {
	background-color: #ff7309;
}

/* Green */
.green-text,
.event-time,
.event-list-time,
.footer-policies a {
	color: #82c146 !important;
}

.event-date, .event-list-date{
	background-color: #82c146;
}

/* Light blue */
.light-blue-text,
body h6, body .h6,
.menu-title{
	color: #006ab3;
}

.stuff{
	background-color: #006ab3; 
}

.meet-title,
.meet-credentials,
.meet-link, 
.event-date,
.event-list-date,
.menu-text,
.menu-button,
.mobile-search .x-anchor-text-primary,
.mobile-login .x-anchor-text-primary,
.mobile-contact .x-anchor-text-primary,
.mobile-journey .x-anchor-text-primary,
.mobile-join-focus span,
.icon-tooltip .icon-tooltip-text,
.front-page-event-button
 {
	color: #fff !important;
}

/* Lightest blue */

.mobile-join-focus,
.icon-tooltip .icon-tooltip-text{
	background-color: #2aabe2;
}

/*******************
Full-width site
********************/
body .x-container.max {
    max-width: none ;
}

body .x-container.width {
    width: 100%;
}

body .x-container.offset {
    margin: 0;
}

body .cs-content .secondary-page-content{
	padding-left: 15% !important;
	/*padding-right: 15% !important;*/
	padding-right: 0% !important;
}

body .cs-content .secondary-page-full-width{
	padding-left: 15% !important;
	padding-right: 15% !important;
}

.single-event .x-main,
.search-results .x-main,
.search-no-results .x-main,
.blog .x-main,
.single .x-main,
.category .x-main,
.tag .x-main{
	padding: 45px 15% !important;
}

/*******************
Typography and elements
********************/

.x-btn{
	border-width: 2px;
	text-shadow:none !important;
	padding: 10px 15px;
	text-transform: uppercase;
	letter-spacing: .05em;
}

.front-page-event-button{
	border: none;
	text-transform: none;
}

.ubermenu .menu-button{
	border: 1px solid #fff;
	background-color: transparent;
}

.callout-no-icon .x-btn i{
	display: none;
}

.x-creative-cta .text{
	text-transform: uppercase;
}


/* Tooltips */

.icon-tooltip {
    position: relative;
    display: inline-block;
}

.icon-tooltip .icon-tooltip-text {
    visibility: hidden;
    width: 70px;
    text-align: center;
    border-radius: 3px;
    padding: 5px 0px;
    font-weight: 300;
    text-transform: uppercase;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    /*left: 100px;*/
    left: -40px;
    top: 18px;
    opacity: 0;

   -webkit-transition: left .5s, opacity 1s;  Safari 
    transition: left .5s, opacity 1s;
}

.icon-tooltip:hover .icon-tooltip-text {
    visibility: visible;
    opacity: 1;
    left: -80px;
}

/* AddThis */

body .atss .at-share-btn, body .atss a{
	width: 2pc;
}

body .atss .at-share-btn span .at-icon, body .atss a span .at-icon{
	height: 1.5pc;
	width: 1.5pc;
}

/*******************
Desktop menu
********************/

/* Increase container size */
.desktop-menu-container{
	width:80%;
}

.desktop-menu-text-insert{
	width: 100%;
}

.join-focus-menu-container{
	top: 28px;
	right:10px;
}

.ubermenu .ubermenu-submenu{
	opacity: .95 !important;
}

.ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target{
  font-weight: 300 !important;
}

.menu-text{
	font-size: 14px;
	line-height: 1.5em;
	padding-top: 0 !important;
	padding-right: 80px !important;
}


.ubermenu-item-header .ubermenu-target{
	padding: 0;
}

.ubermenu .ubermenu-submenu .ubermenu-target-title{
	font-style: italic;
}

.ubermenu .ubermenu-submenu .ubermenu-item-header .ubermenu-target-title{
	font-style: normal;
	letter-spacing: .05em;
	font-weight: 300;
}

.ubermenu-skin-minimal.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop {
	border: none;
	border-top: none !important;
}

.ubermenu-submenu .menu-column{
	padding-top: 45px !important;
}

/*******************
Mobile Menu
********************/

.mobile-menu-header.x-off-canvas .x-off-canvas-content{
	padding: 48px 10px 10px 10px !important;
}


.mobile-search .x-anchor-text-primary,
.mobile-login .x-anchor-text-primary,
.mobile-contact .x-anchor-text-primary{
	font-size: 16px !important;
	font-weight: 300 !important;
	text-transform: uppercase;
}

.mobile-login{
	margin-top: 20px;
}

.mobile-login .x-anchor-text-primary:before{
	content: url("/wp-content/themes/focus-stl/img/member-icon-mobile.png");
}

.mobile-search .x-anchor-text-primary:before{
	content: url("/wp-content/themes/focus-stl/img/search-icon-mobile.png");
}

.mobile-contact .x-anchor-text-primary:before{
	content: url("/wp-content/themes/focus-stl/img/contact-icon-mobile.png");
}

.mobile-contact .x-anchor-text-primary:before,
.mobile-search .x-anchor-text-primary:before,
.mobile-login .x-anchor-text-primary:before{
	position: relative;
	top: 9px;
	margin-right: 10px;
}

.mobile-journey .x-anchor{
	position: relative;
	left: 160px;
	top: -165px; 
}

.mobile-journey .x-anchor-text-primary{
	padding: 30px 20px 38px 20px;
	border-radius: 100%;
	text-align: center;
	font-weight: 300 !important;
	font-size: 16px !important;
	line-height: 1 !important;
	text-transform: uppercase;
}

.mobile-journey .x-anchor-text-primary .mobile-journey-large{
	font-size: 24px;
}


/*******************
Page Header
********************/

.info-icons-first, .info-icons-second, .info-icons-third{
	position: fixed;
	right: 40px;
	z-index: 20000;
}

.info-icons-first{
	top:200px;
}

.info-icons-second{
	top:281px;
}

.info-icons-third{
	top:362px;
}

.start-your-journey{
	position: fixed;
	right: 10px;
	top: 500px;
}

.start-your-journey img{
	width: 150px !important;
}

.start-your-journey a{
	color: #fff !important;
}

.start-your-journey .journey-large{
	font-size: 22px;
}


/* Mobile header */
.mobile-logo{
	width: 70%;
}

/*******************
Front page
********************/

.what-we-do-section p{
	margin-bottom: 15px;
	line-height: 1.5em;
}

.what-we-do-section img,
.what-we-do-section .what-we-do-title {
	margin-bottom: 0px;
}

.what-we-do-section .what-we-do-title{
	font-size: 30px;
	line-height: 1.25em;
}

.meet-section{
	background-position: left !important;
}

.meet-section .x-text{
	/*font-size: 18px;
	color: #002e62;*/
}

.meet-title{
	text-transform: uppercase;
}

.meet-credentials,
.meet-link{
	font-style: italic;
}



/*******************
Secondary
********************/

.secondary-sidebar{
	background-color: #e1e1e1;
	padding: 35px 15% 20px 35px !important;
	font-size: .9em;
	line-height: 1.5em;
}

.footer-quote{
	color: #fff;
}

.footer-quote p{
	margin-bottom: 0;
}

.footer-quote-text{
	padding: 0 25%;
	font-style: italic;
	font-size: 1.2em;
}

.footer-quote-cite{
	text-transform: uppercase;
	font-size: 18px;
	margin-top: 20px;
	font-weight: 300;
	letter-spacing: .05em;
}

.footer-quote-title{
	font-size: 12px;
}

/*******************
Footer
********************/

.x-colophon {
	z-index: 1;
}

.back-to-top{
	overflow: hidden;
}

.back-to-top a i{
	color:#fff !important;
	position: relative;
	top: -20px;

}

.back-to-top .x-text{
	position: relative;
	bottom: -50px;
}

.footer-info p{
	margin-bottom: 0;
}

.footer-message span{
	font-weight: 300;
	letter-spacing: .05em;
}


.footer-policies{
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: .05em;
}


/*******************
Events
********************/

.upcoming-event{
	text-align: center;
	padding: 10px 5%;
}

.upcoming-event p{
	margin-bottom: 10px;

}

.event-date,
.event-month,
.event-day,
.event-list-date,
.event-list-month,
.event-list-day {
	position: relative;
}

.event-date, .event-list-date{
	height: 100px;
	width: 100px;
	margin: 0 auto 20px;
	border-radius: 100%;
}

.event-month,
.event-list-month {
	top: 13px;
	font-size: 18px;
	letter-spacing: .07em;
	font-weight: 300;
	font-style: normal;
}

.event-day,
.event-list-day {
	font-size: 40px;
	top: -15px;
	font-weight: 200;
}

.event-title,
.event-list-name{
	font-size: 28px;
}

.event-time,
.event-list-time {
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: .07em;
	font-size: 85%;
}

.upcoming-events-section .event-date, .start-your-journey {
	-webkit-transition: background-color .5s ease-in-out;
	-moz-transition: background-color .5s ease-in-out;
	-o-transition: background-color .5s ease-in-out;
	transition: background-color .5s ease-in-out;
}

.event-details, .event-title{
	line-height: 1.25em;
}

.single-event .p-meta{
	display: none;
}

/* Event List*/

.event-list-item{
	padding-bottom: 35px;
	border-bottom: 2px solid #d7d7d7;
	margin-bottom: 25px;
}

.event-list-item:last-child{
	border-bottom: none;
}

.event-list-item p{
	margin-bottom: 0;
}

.event-list-item{
	position: relative;
}

.event-list-date{
	text-align: center;
	text-transform: uppercase;
	max-width: 100px;
	max-height: 100px;
	min-height: 100px;
	min-width: 100px;
}

.event-list-day {
	top: -7px;
}

.event-list-date,
.event-list-details,
.event-list-image {
	display: inline-block;
}

.event-list-date{
	width: 25%;
	margin-right: 5%;
	vertical-align: top;
}

.event-list-details{
	width: 65%;
}

.event-list-more{
	margin-top: 20px;
}

/* Single Event */
.single-event .entry-featured{
	width: 50%;
}

/*******************
Search results 
********************/

/*********************
Search results page
*********************/

.search-results .entry-featured{
	display: none;
}

.search-results .entry-wrap{
	padding: 0 60px;
}

.search-results article:first-child .entry-wrap{
	padding-top: 60px;
}

.search-results .hentry{
	margin-top: 15px;
}

.search-results .entry-header{
	margin: 0;
}

.search-results .entry-title{
	font-size: 150%;
}

.search-results .entry-content{
	margin-top: 0;
	padding-bottom: 15px;
	border-bottom: 2px solid rgb(239,81,154);
}

.search-results article:last-child .entry-content{
	border-bottom: none;
}


/*******************
Blog
********************/

.p-meta span:first-child{
	display: none;
}

.entry-title{
	line-height: 1.3;
}

.entry-title:before{
	display: none;
}

.single .entry-featured{
	width: 50%;
	margin: 25px auto;
}

/*******************
Frms
********************/

.gform_button{
	text-transform: uppercase;
	text-shadow: none;
	text-shadow:none !important;
	font-size: 21px !important;
	padding: 15px 10px;
}


/*******************
Editor fixes
********************/

.ember-application .edsanimate-sis-hidden, .ember-application .eds-scroll-hidden{
	opacity: 1;
}

.ember-application .info-icons-first, .ember-application .info-icons-second, .ember-application .info-icons-third{
	position: static;
}

/*******************
Media queries
********************/

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

	.show-mobile{
		display: inline;
	}

	body .cs-content .secondary-page-content{
		padding: 30px 10% !important;
	}

	.what-we-do-section .what-we-do-items .x-column,
	.upcoming-events-section .upcoming-events-items .x-column {
		padding-bottom: 50px !important;
	}

	.upcoming-events-section .upcoming-events-items .event-title{
		line-height: 1.2;
		font-size: 32px;
	}

	.meet-section{
		background-image: none !important;
		background-color: #96bfdb !important;
		padding: 30px 20px !important;
	}

	.upcoming-event {
		margin-top: 20px;
	}

	.event-list-date, .event-list-details{
		width: 100%;
	}

	.event-list-item{
		text-align: center;
	}

	.single-event .entry-featured{
		width: 100%;
	}

	.footer-quote-text{
		padding: 0 2%;
	}

	

}

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

	body .cs-content .secondary-page-full-width{
		padding: 40px 5% 0 !important;
	}

	.back-to-top .x-text{
		bottom: -10px;
	}

	.home .back-to-top .x-text{
		bottom: -50px;
	}

	h1, .h1{
		font-size: 210%;
	}

	h2, .h2{
		font-size: 200%;
	}

	h3, .h3{
		font-size: 190%;
	}


}


@media print {
   header, footer,
   #top-of-page,
   .footer-quote {
   		display: none;
   }

   body{
   	color: #000000;
   	font-size: 12px;
	line-height: 1.3;
   }

   body .cs-content .secondary-page-content{
   	padding: 0 .5in !important;
   }
}