/*

Theme Name: Provident - Pro Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: pro

*/

.show-mobile,
.crisis-button-number
/*,.ubermenu-responsive-toggle .fa*/ {
	display: none;
}


.footer-box-content,
.ubermenu .ubermenu-nav .ubermenu-item .ubermenu-submenu .ubermenu-submenu .ubermenu-item .ubermenu-target .ubermenu-target-title,
.x-topbar,
.contact-tagline,
body h4, body .h4,
body h6, body .h6{
	font-family: 'Source Sans Pro', sans-serif;
}


.footer-box-title,
.footer-button,
.more-link,
.front-page-callout-section,
.x-btn,
.intro-text,
.event-date,
.event-time,
.menu-item .x-btn-navbar-search {
	font-family: 'Unna', serif;
}

.header-info-bar,
.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main .fa:after{
	font-family: 'Work Sans', sans-serif;
}


/* 
Light Blue - #becfdf
Dark Blue - #005da4
Orange - #ff7f00
Body text - #5c5c5c
Yellow - #fbbb00

*/

/* Dark blue */
body .topbar-left,
.social-icon,
.x-colophon.top,
.footer-links p a,
.appointment-box .footer-box-title,
body .appointment-box a.footer-button,
body .location-box a.footer-button:hover,
body .btn-white:hover,
body .btn-orange:hover,
body .btn-yellow:hover,
.more-link,
.topbar-phone,
.event-date, 
.event-time,
body .callout-titles a,
body h6, body .h6,
.menu-item .x-btn-navbar-search {
	color: #005da4;
}

.header-info-bar,
.appointment-box .footer-button:hover,
body .x-btn:hover,
.more-link:hover,
.event-location {
	background-color: #005da4;
}

/* Orange */

.front-page-callout-section .x-column:hover .callout-titles a,
.contact-tagline,
body .btn-orange,
body .social-icon:hover,
body h4,  body .h4
 {
	color: #ff7f00;
}

.header-donate a {
	background-color: #ff7f00;
}

/* Yellow */

body .crisis-line a,
body .btn-yellow {
	color: #fbbb00;
}

/* Another light blue */
.x-header-landmark{
	background-color: #d0dbe7;
}

/* White */

.header-info-bar, .header-info-bar a,
.location-box,
body .location-box a.footer-button,
body .appointment-box a.footer-button:hover,
.front-page-meet, .front-page-meet h3,
body .btn-white,
.blog-header-bar,
.blog-header-bar .h-landmark,
.more-link:hover,
.event-location {
	color: #fff;
}

.location-box .footer-button:hover,
body .btn-white:hover,
body .btn-orange:hover,
body .btn-yellow:hover {
	background-color: #fff;
}

/* Black */

body .footer-links a:hover{
	color: #000;
}

.social-icon{
	font-size: 22px;
	margin: 0 10px;
}

/*************** 
Elements
****************/

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

body h6, body .h6{
	letter-spacing: 0em;
	text-transform: none;
	font-weight: 600;
}

.h-landmark, 
.entry-title.h-landmark{
	font-size: 285.7%
}

h4, .h4{
	text-transform: uppercase;
	font-size: 135%;
	margin: 1.25em 0 0 0 !important;
}

body .x-btn,
body .x-btn:hover,
.more-link{
	font-size: 24px;
	border: 1px solid #005da4;
	padding: 8px 16px;
	text-transform: none;
	line-height: 1;
}

.btn-white {
	border-color: #fff !important;
}

.btn-orange{
	border-color: #ff7f00 !important;
}

.btn-yellow{
	border-color: #fbbb00 !important;
}

body .btn-white:hover,
body .btn-orange:hover,
body .btn-yellow:hover{
	border-color: #fff !important;
}

.intro-text{
	font-size: 1.25em;
	line-height: 1.5;
}

.h-landmark, .entry-title.h-landmark{
	letter-spacing: 0em;
}

.appointment-box,
.front-page-callout-section .x-column,
.front-page-callout-section .x-col,
.page .x-main img{
	f-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.3);
	box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.3);
}

.wp-caption, .gallery-item{
	border: none;
}

.page .x-main img{
	padding: 15px;
}

.page .x-main .front-page-callout-section .x-img img{
	padding: 0;
	box-shadow: none;
}

.x-container.offset{
	margin: 0 auto;
}
.x-header-landmark{
	padding: 30px 0 15px;
}

.no-shadow, .no-shadow img{
	box-shadow: none !important;
}

hr{
	height: 0;
	margin: 1.5em 0;
	border: 0;
	border-top: 2px solid #e5e5e5;
}

/*************** 
Header
****************/

/* Top Bar */

.x-topbar{
	/*height: 38px;*/
	height: 60px;
	font-size: 14px;
}

.x-topbar-inner.x-container.width{
	width: 95%;
}

.topbar-left{
	text-transform: uppercase;
	float: left;
}

.topbar-right{
	float: right;
}

.x-topbar .topbar-contact{
	display: inline-block;
	margin-right: 30px;
}

.x-topbar .topbar-phone{
	font-size: 20px;
	margin-right: 10px;
	line-height: 1;
	position: relative;
	top: -6px;
}

.x-topbar .topbar-right .social-icon{
	position: relative;
	top: 3px;
}

/* Brand bar */


/* Header Info Bar*/

.header-info-bar{
	/*padding:26px 0;*/
	padding:10px 0;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 700;
}

.crisis-contact, .header-donate{
	display: inline-block;
}

.crisis-contact{
	/*width: 55%;*/
	margin-left: 6%;
}

.header-donate{
	/*width: 45%;*/
	text-align: right;
	float: right;
	position: relative;
	top: -1px;
}

.crisis-line{
	margin-left: 0%;
	border: 1px solid #fff;
	padding: 6px 10px;
	display: inline-block;
	width: 250px;
	text-align: center;
}

.crisis-button-text,
.crisis-button-number{
	line-height: 20px;
}

.crisis-line:hover .crisis-button-text{
	display: none;
}

.crisis-line:hover .crisis-button-number{
	display: inline-block;
}

.crisis-button-number{
	font-size: 18px;
	position: relative;
	top: 3px;
}

.header-donate a{
	padding: 22px 30px 22px 20px;
	position: relative;
	top: 8px;
}

body .ubermenu-main .ubermenu-submenu.ubermenu-submenu-drop{
	background-color: rgba(0,93,164,.95);
}

.ubermenu > .ubermenu-nav > .ubermenu-item > .ubermenu-submenu{
	padding: 50px;
}

.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main .fa:after{
		content: "MENU";
		display: block;
		font-size: 10px;
		font-size: 14px;
		font-weight: 700;
	}

.x-header-landmark{
	border: none;
}

.menu-item .x-btn-navbar-search{
	display:none;
}
	

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

.x-colophon.top{
	background: url("/wp-content/themes/provident/img/footer-bkg.jpg") no-repeat bottom right;	
	background-size: cover;
}

.x-colophon.bottom{
	padding-bottom: 110px;
}

.footer-contact,
.footer-title{
	font-size: 18px;
}

.contact-address,
.footer-title,
.footer-links{
	text-transform: uppercase;
}

.footer-title{
	margin-bottom: 0;
}

.footer-contact{
	line-height: 1.2;
}

.footer-contact p{
	margin-bottom: 0px;
}

.contact-name{
	font-size: 26px;
	text-transform: uppercase;
}

.contact-tagline{
	font-size: 20px;
	padding-bottom: 20px;
}

.footer-social .social-icon{
	font-size: 30px;
	margin: 0 12px;
}

.footer-social .social-icon:first-child{
	margin-left: 0;
}

.footer-links{
	font-size: 14px;
}

.footer-links p{
	margin-bottom: 5px;
}

.footer-logo{
	display: inline-block;
}

.footer-logo.united-way{
	width: 25%;
}

.footer-logo.childrens-fund{
	width: 73%;
}

/* Footer boxes */

.footer-boxes{
	display: flex;
	justify-content:space-around;
}

.appointment-box, .location-box{
	width: 48%;
	padding: 4%;
}

.location-box{
	background: url("/wp-content/themes/provident/img/footer-map.jpg") center center no-repeat;
}

.footer-box-content{
	font-size: 16px;
}

.footer-box-content p{
	margin-bottom: 10px;
}

.footer-box-content .fa-circle{
	font-size: 5px;
	margin: 0 10px;
	position: relative;
	top: -3px;
}

.footer-box-title
{
	font-size: 36px;
	line-height: 1;
}

.footer-phone{
	font-size: 24px;
}

.footer-button{
	margin-top: 15px;
	position: relative;
	top: 10px;
}

.location-box .footer-box-content{
	position: relative;
	top: 3%;
}

.appointment-box p{
	letter-spacing: .5px;
}


/*************** 
Front Page
****************/

/* Max width main sextion */
.home .x-root .site .x-container.max.width.offset{
	max-width: none;
	width: 100%;
}

/*************** 
Blog
****************/
/*.blog .x-landmark-breadcrumbs-wrap,*/
.entry-title:before,
.blog .entry-featured{
	display: none;
}

.blog .x-main,
.events-list .x-main,
.single-event .x-main{
	margin-top: 2.5em;
}

.blog .post{
	margin: 0 43px;
}

/*.blog .x-header-landmark{
	padding: 0;
	border: none;
}

.blog-header-bar{
	background: url("/wp-content/themes/provident/img/blog-header-bkg.jpg") no-repeat center;
	background-size: cover;
	padding: 350px 0 50px;
	margin-bottom: 50px;
}
*/
.post{
	padding-bottom: 50px;
	/*border-bottom: 2px solid #b7b7b7;
	margin-bottom: 50px;*/
}

.post:last-child{
	border-bottom: none;
}

.blog .entry-title,
.category .entry-title{
	font-size: 200%;
}

.entry-featured{
	padding: 0;
	border: none;
}

.more-link{
	display: block;
	width: fit-content;
	text-decoration: none;
	margin-top: 25px;
	font-weight: 300;
}

.p-meta {
	font-weight: 700;
	text-transform: uppercase;
}

.blog-tagline{
	font-size: 20px;
}

.single-post .post,
.category .post {
	margin: 30px 43px;
}

/*************** 
Events
****************/
.events-list .x-container.offset{
	margin-top: 0;
}

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

.event-item{
	border-bottom: 1px solid #005da4;
	margin-bottom: 30px;
}

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

.single-event .p-meta,
.single-event .x-header-landmark{
	display: none;
}

.event-date, .event-time, .event-location{
	margin-bottom: 0;
	line-height: 1.3;
	font-size: 18px;
}

.event-date, .event-time{
	font-weight: 700;
}

.event-title{
	line-height: 1.1;
}

.event-location{
	display: inline-block;
	padding: 5px 10px;
	text-transform: uppercase;
}

.event-excerpt{
	margin: 15px 0 10px 0;
}

.event-read-more a{
	margin: 20px 0px 30px 0px;
}

.event-item.event-block{
	margin-bottom: 0;
	border-bottom: none;
}

/*************** 
Suicide Prevention course
****************/

.single-sfwd-courses .x-header-landmark,
.single-sfwd-lessons .x-header-landmark,
.single-sfwd-topic .x-header-landmark,
.single-sfwd-quiz .x-header-landmark,
.single-sfwd-courses .x-colophon-content,
.single-sfwd-lessons .x-colophon-content,
.single-sfwd-topic .x-colophon-content,
.single-sfwd-quiz .x-colophon-content,
.single-sfwd-courses .p-meta,
.single-sfwd-lessons .p-meta,
.single-sfwd-topic .p-meta,
.single-sfwd-quiz .p-meta{
	display: none;
}

.single-sfwd-courses .x-main,
.single-sfwd-lessons .x-main,
.single-sfwd-topic .x-main,
.single-sfwd-quiz .x-main{
	margin-top: 50px;
}

#learndash_lessons, 
#learndash_quizzes, 
.expand_collapse, 
.notavailable_message, 
#learndash_lesson_topics_list div > strong, 
#learndash_lesson_topics_list div ul > li .sn, 
.learndash_profile_heading, 
#learndash_profile a, 
#learndash_profile div,
#learndash_lessons a, 
#learndash_quizzes a, 
.expand_collapse a, 
.learndash_topic_dots a, 
.learndash_topic_dots a > span, 
#learndash_lesson_topics_list span a{
	font-size: 16px !important;
}

/*********************
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;
}


/*************** 
Media Queries
****************/

@media screen and (max-width: 890px){
	body .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target{
		padding-left: 10px;
		padding-right: 10px;
		font-size: 20px;
	}
}

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

	.hide-mobile{
		display: none !important;
	}

	.show-mobile{
		display: block;
	}

	.menu-item .x-btn-navbar-search{
		display:block;
		text-align: center;
		font-size: 20px;
		padding: 15px 10px;
	}

	.menu-item .x-btn-navbar-search i{
		display: none;
	}

	.x-colophon.top,
    .front-page-callout-section,
    body .ubermenu .ubermenu-item,
    .topbar-left {
    	text-align: center;
    }

	.topbar-left{
		float: none;
		width: 100%;
	}

	.x-topbar .p-info{
		margin: 0;
	}
	 /* New additions */

	 .x-topbar{
	 	height: 82px;
	 	line-height: 1.2
	 }
	
	.x-topbar .topbar-break{
		display: none;
	}

	.x-topbar .topbar-contact{
		display: block;
		margin-right: 0;
		margin-bottom: 5px;
	}

	.x-topbar .topbar-phone{
		margin-left: 10px;
		position: static;
	}

	.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main{
		margin-top: 40px;
	}

	/*.crisis-contact,
	.header-donate{
		width: 50%;
	}*/

	.crisis-contact{
		width: 50%;
	}

	.header-donate{
		width: 45%;
	}

	.crisis-contact,
	.header-donate a{
		font-size: 15px;
	}

	.crisis-contact{
		padding-left: 0;
		margin-left: 10px;
	}


	.crisis-contact span{
		margin-left: 20px;
	}

	.header-donate a{
		padding: 22px 20px;
		/*position: static;*/
	}

	/* Home page*/

	.callout-section-heading{
		margin-bottom: 50px !important;
		padding: 15px 0 !important;
	}

	/* Footer Boxes */

    .footer-boxes{
    	display: block;
    }

    .appointment-box, .location-box{
    	width: 100%;
    	padding: 30px 10% 50px;
    }

    .location-box{
    	margin-top: 25px;
    }  
	  
	.x-text.contact-page-address{
	  margin: 50px 0px 10px !important;
	}

	.x-text.contact-page-address.first{
		margin-top: 0 !important;
	}
}

@media screen and (max-width: 481px){
	.x-topbar{
		font-size: 12px;
	}

	.x-topbar .topbar-phone{
		font-size: 14px;
	}

	.h-landmark, .entry-title.h-landmark{
		font-size: 230%;
	}

	h3, .h3{
		font-size: 200%;
		line-height: 1.2;
	}

	.blog .post{
		margin: 0 auto;
	}

	.single-post .post,
	.category .post{
		margin: 30px auto;
	}
}

@media screen and (max-width: 410px){
	body .x-brand{
		width: 200px;
		margin-top: 10px;
	}

	body .x-navbar-inner{
		min-height: 100px;
	}

	.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main{
		margin-top: 14px;
	}
}

@media screen and (max-width: 376px){
	.crisis-contact,
	.header-donate a{
		font-size: 12px;
	}

	.header-donate{
		top: -6px;
	}
	
}