/*
 Theme Name:   Solution Tree PD Dashboard
 Description:  Child Theme for PD Dashboards
 Author:       Josh Kriese
 Template:     twentysixteen
 Version:      1.0.0
 Text Domain:  twenty-fifteen-child
*/

body{
	background: #fff;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
}



p, ul, ol, h1, h2, h3, h4, h5, blockquote{
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	color: #555;
}

p {
  color: #555 !important;  
}

a {
    color: #00a8e2;
}

a:hover {
   text-decoration: underline !important;
	color: #0087c1;
}

h1, h1 a {
	color: #00447c !important;
    font-weight: 100 !important;
    font-size: 46px !important;
}

h2 {
    color: #555;
}

address{
	font-style: normal;
}

.site {
    margin: 0;
}

article.page .entry-content {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 20px;
}

.brand-container{
	padding: 0 20px;
}

h1.entry-title{
	margin-bottom: 0;
}

.site-content header.entry-header{
	padding: 0 20px;
	margin: 0;
}

.site-branding{
	width:100%;
	max-width: 1320px;
    margin: 1.75em auto;
}

.site-header {
	background: #fff;
    padding: 0;
}

.site-header-menu{
	background: #0087c1;
    width: 100%;
    margin: 0;
    border-bottom: 4px solid #80bb3d;
}


/*
 * 				       Calendars
 * =============================================================
*/

body .tribe-events-calendar .tribe-events-tooltip { visibility:hidden; }



.tribe-events-calendar th {
	background-color: #00a8e2 !important;
}

.tribe-events-calendar {
	border: 0.2rem solid #00a8e2 !important;
}

/* .tribe-events-button {
	background-color: #00447c !important;
} */

/*
.tribe-events-present div {
	background-color: #fff !important;
}
*/

.tribe-events-sub-nav a {
	font-size: 1.5rem !important;
}

h1.tribe-events-page-title {
/* 	color: #00a9e2 !important; */
	font-size: 36px;
}

.entry-title {
	font-size: 20px;
}

.tribe-events-present a {
	color: #80bb3d !important;
	font-weight: 700;	
}
.tribe-events-present h3{
	color: #80bb3d;
}

.tribe-events-present .tribe-events-abbr {
	color: #fff;
}

.site-title {
	color: #555;
}

.tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]>a {
	background-color: #555 !important;
}

.tribe-events-calendar .tribe-events-tooltip {
	border-style: solid;
	border-width: 3px;
	border-color: #00a8e2;
}

label {
	color:#555;
}

.tribe-events-button {
    background: #80bb3d  !important;
    border-color: #608c2e;
	   transition: .3s ease all;
    line-height: 1.33;
}


.tribe-events-button:hover {
	background: #66a237;
}


.tribe-events-month-event-title a {
color: #00447c;
}

/*
 * 				       Nav bar
 * =============================================================
*/

#page {
	background: url("https://www.solutiontree.com/skin/frontend/b-responsive/solutiontree/images/span-pattern.jpg") center center;
}

#main-logo {
	float: left;
}

#plcatwork-logo {
	float: left;
	margin-left: 1.5rem;
	height: 47px;
	max-width: 100%;
}

#site-navigation{
	padding: 10px 20px;
	max-width: 1183px;
    margin: 0 auto;
}

.current-menu-item {
    background-color: #00a8e2;
}
.main-navigation {
	font-weight: 600;
}

.sub-menu {
	width: 100%;
}

.district-name {
	float: right;
}


.site-title {
	float:right;
}

#site-navigation li a{
	padding: 16px 20px 14px;
	font-size: 16px;
	color: #fff;
	transition: .3s ease all;
}

#site-navigation li a:hover{
/*	font-size: 14px;*/
	color: #fff;
	background: #00a8e3;
    text-decoration: none !important;
}

#site-navigation .sub-menu li a{
	color: #555;
    font-size: 14px;
    font-weight: 400;
     display: block;
    padding: 5px 10px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    width: auto;
    min-width: 150px;
}


   

.sub-menu {
    width: auto !important;
  white-space: nowrap;
}

.main-navigation ul ul .menu-item-has-children > a:after {
	top: .25em;
	right: 0.35em;
}

/* Line 1661 */
.menu-toggle.toggled-on, .menu-toggle.toggled-on:hover, .menu-toggle.toggled-on:focus {
    background-color: #00a8e2;
    border-color: #0087c1;
    color: #fff;
}
.menu-toggle {
    background-color: transparent;
    border: 1px solid #0087c1;
    color: #00a8e2;
    font-size: 13px;
    font-size: 0.8125rem;
    margin: 1.076923077em 0;
    padding: 0.769230769em;
}



/* sub-menus should have smaller text so that all schools can be displayed in the dropdown */
#site-navigation .sub-menu .sub-menu li a {
	padding: 0.35rem;
	padding-left: 0.4rem;
}

#site-navigation .sub-menu .sub-menu li, #site-navigation .sub-menu .sub-menu li a {
	min-width: 10rem;
}

.current-menu-item, .current-menu-ancestor {
	background-color: #00a8e2;
}
/* , .current-menu-ancestor:hover */
.current-menu-item a:hover, .current-menu-ancestor a:hover {
	background-color: #7bb03e !important;
}

.main-navigation .menu-item-has-children > a::after {
	display: inline-block;
	margin-left: 5px;
	position: relative;
	top: initial;
	right: initial;
}

.site-header-menu  {
	border-bottom: 4px solid #00a8e2;
}

#site-navigation .menu-item li a:hover {
	color: #333 !important;
	background-color: #e8e8e8;
	background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
}

.current-menu-item a:hover, .current-menu-ancestor a:hover {
	background-color: transparent !important;
}


#masthead{
	/* margin-bottom: 30px; */
}



/*
 * 				       EVALUATIONS
 * =============================================================
*/
iframe {
	width: 100% !important;
}

#content{
	background: #fff;
	max-width: 1320px;
    margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 3.5rem;
}

.site-inner{
	max-width: 100%;
}

.logo{
	max-width: 376px;
    width: 100%;
    display: block;
    float: left;
}

p.site-description{
	margin-top: 0;
    padding-bottom: 2px;
}

.district-name{
	margin-left: 30px;
	padding-right: 0.2rem;
	border-right: 0.2rem solid #80bb3d;
    float: right;
    text-align: right;
}

.row {
    padding: 0 20px;
    font-size: 15px;
}

/*
 *             CONTACTS
 * ============================================================
*/



.dashicons {
        font-size: 150px;
        margin-bottom: 105px;
/*        color: #80bb3d;*/
        text-align: center;
        margin-right: 90px;
        text-decoration: none !important;
    }
    
    .dashicons:hover {
        text-decoration: none !important;
    }


    .entry-content a, .entry-summary a, .taxonomy-description a, .logged-in-as a, .comment-content a, .pingback .comment-body > a, .textwidget a, .entry-footer a:hover, .site-info a:hover {
     box-shadow: 0 0 0 0 currentColor; 
}


a.email {
        font-size: 13px;
    }
    
    
    .col-md-4 {
        margin-bottom: 25px;
    }
    
    h2 {
    color: #80bb3d;
    }
    .entry-header {
   display: none;
}
 
    b {
        font-size: 18px;
    }
    
  .border-image {
    border: 6px solid #00a8e2;
    width: 100%;
    max-width: 265px;
    display: block;
    margin: 15px auto 10px;
    border-radius: 1000px;
    }
    
    .clip-image {
    width: 100%;
    height: 0;
    padding-bottom: 98%;
    overflow: hidden;
    border-radius: 1000px;
    }
    
    .width-100 {
        width: 100%; 
        height: auto;
    }

.contact, .coach {
	width: 30%;
	float: left;
	/* 
	 * text-align: center;
	 * */
	height: 335px;
	display: block;
}

.contact b, .coach b {
	font-size: 24px;
}

.coach {
    padding-bottom: 50px;
}

.contact a {
	width: -webkit-max-content;
}

/* this is redundant to the inline style that still exists on many of the pages */
.coach img, .contact img {
	/*
	border: 0.4rem solid #00a8e2;
	border-radius: 75px;
	*/
	max-width: 175px;
    max-height: 175px;
}

.contact span, .contact a {
	display: block;
}
.contact-name {
	font-size: 1.35rem;
	font-weight: 700;
}

footer{
	max-width: 100%;
	color: #999;
	margin: 0;
	background: #333 url("https://www.solutiontree.com/skin/frontend/b-responsive/solutiontree/images/footer_pattern.png") center center;
}

footer.site-footer{
	padding-top: 3.5em;
	text-align: center;
}

footer a{
	color: #ccc;
}

footer a:hover{
	color: #fff;
}

@media screen and (min-width: 56.875em){
	#masthead {
	    padding: 0;
	}
	
	.site-branding{
		padding: 0 4.5455%;
	}
	
	.site-header-menu{
		padding: 0 4.5455%;
	}
	
	#site-navigation{
		padding: 0;
	}
	
	footer .container{
		max-width: 1320px;
		margin: 0 auto
	}
	
}

@media screen and (max-width: 56.874em){
	
	#masthead{
		margin-bottom: 0;
	}
	
	.site-branding{
		margin-bottom: 0;
	}
	
	.logo{
		float: none;
        max-width: 225px;
	}
	
    .site-title {
        padding-top: 0px;
    }
    
	.district-name{
/*		clear: both;*/
	    text-align: left;
/*	    float: none;*/
/*	    margin: 15px 0;*/
	}
	
	#menu-toggle{
		margin-left: 20px;
	}
	
	.main-navigation .primary-menu {
	    border: none;
	}
	
	.main-navigation li {
	    border: none;
	}
	
	.main-navigation li + li {
	    border-top: 1px solid #00a8e2;
	}
	
	#site-navigation{
		padding: 0 20px;
	}
	
	footer.site-footer{
		padding: 0;
	}
	
	
	
    #plcatwork-logo {
        float: left;
        margin-left: 1.5rem;
        height: 35px;
        max-width: 75%;
}
    .site-description {
        display: block;
    }
    }
	
	

/*// Small devices (landscape phones, 576x and up)*/
@media (max-width: 576px) { 
    
    .district-name{
		clear: both;
	    text-align: left;
/*	    float: none;*/
	    margin: 15px 0;
	}
    
}