/*

Theme Name: X – 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: x

*/

/** Leadership page **/
.p{
	margin:0px!important;
}
.appointedarea { width: 100%; float: left; }
.tab-container {
    margin:0px auto;
    padding:0px auto;
}
.section-quarter {
    width:25%;
    float:left;
    margin-right:0;
    vertical-align:top;
}
.tab {
    width:100%;
    display:block;
    color:#005288;
    cursor:pointer;
    font-size:21px;
    position:relative;
    text-align:center;
    background:#F7F8FA;
    vertical-align:middle;
    border-left:solid 1px #005288;
	border-right:solid 1px #005288;
	border-top:solid 2px #005288;
	border-bottom:solid 2px #005288;
    padding:0.714em 1.286em 0.857em;
	font-family: "brandon-grotesque";
	text-transform:uppercase;

	
}
.active-tab {
    background:#005287;
    border-bottom:none;
	color:#F7F8FA;
    border:solid 2px #005288;
}
.people-container {
    display:none;
}
.active-container {
    display:flex;
	flex-wrap: wrap;
}
.committee-container {
    display:none;
}
.active-committee {
    display:block;
}
.row-container {
    width:88%;
    margin:0 auto;
    max-width:1200px;
    position:relative;
    overflow-y:auto;
}
.member-row {
    font-size:16px;
    margin-bottom:50px;
}
.see-more {
    color:#005288;
    display:block;
    margin:0 auto;
    cursor:pointer;
    font-size:21px;
    padding:5px 40px;
    text-align:center;
    border-radius:6px;
    background:#FFFFFF;
    border:2px solid #005288;
}
.appointed-wrapper {
    width:100%;
    text-align:center;
    display:inline-block;
}
.person-wrapper {
    width:16%;
    float:left;
    margin: 0 2% 30px;
    box-sizing:border-box;
}
.placeholder {
    width:6%;
    min-height:430px;
}
.board-position {
    font-weight:bold;
	color:#CE4C2C;
	text-transform:uppercase;
	letter-spacing:2px;
	font-weight:400;
	
}
.clear {
    clear:both;
    height:30px;
}
.person-wrapper:last-of-type {
    margin-right:0;
}
.appointedarea .info-wrapper {min-height: 400px;}
.appointedarea .seprator {
    margin: auto;
    margin-top: auto;
    margin-bottom: auto;
    width: 100%;
    text-align: center;
    border-bottom: 3px solid #CE4C2C;
    margin-bottom: 4%;
    margin-top: -1%;
}
.info-wrapper {
    text-align:center;
    font-family:"brandon-grotesque"!important;
	color:#000000;
}
.info-wrapper span {
    display:block;
}
.info-wrapper img {
    max-width:284px;
    max-height:284px;
}
.name {
    color:#005288;
    font-size:20px;
    margin-top:0px;
    font-weight:400;
	text-transform: uppercase;
    font-family:"brandon-grotesque"!important;
}
.title {
    font-weight:700;
	color:#000000;
}
.block-left {
    width:50%;
    float:left;
}
.block-right {
    width:50%;
    float:right;
    text-align:right;
}
.block-center {
    text-align:center;
}
.block-center h3 {
    color:#005288;
}
#committee-select {
    width:45%;
    margin-top:30px;
    border:2px solid #005288;
}
#committee-select:focus {
    outline:none;
}
#committee-select:-moz-focusring { 
    color:transparent;
    text-shadow:0 0 0 #000; 
}
/** Blog styles **/
.hero-wrapper {
    margin-top:0px;
}
.hero-banner {
    margin:0px;
    padding:80px 0px; 
    background-color:transparent;
    background-image:url(/wp-content/uploads/2016/11/GPL-DowntownPhoenixCrop-533724295-v3a.jpg); 
}
.hero-placeholder {
    height:80px;
    padding:0px;
}
.blog-container {
    margin-bottom:0px;
    padding:45px 25px;
    padding-bottom:0px;
}
.post-container {
    width:100%;
    margin-bottom:30px;
    padding:10px 10px 0px;
    border:1px solid #D3D3D3;
    border-top:3px solid #005288;
}
.mobile-img {
    width:100%;
    float:none;
    display:none;
    margin-bottom:5px;
}
.desktop-img {
    float:left;
    max-width:150px;
    max-height:150px;
    margin-bottom:0px;
    padding-right:15px;
}
.categories-widget {
    clear:left;
    padding:20px 25px;
    background:#EFEFEF;
}
.pagination-container {
    width:100%;
}
.article-container {
    margin:0px;
    padding:45px 0px; 
    background-color:transparent;
}
.post-info {
    margin:15px 0px;
}
.single-image {
    text-align:center;
}
.x-extra {
    padding:0px;
    margin:0px auto;
}
.x-share-options i {
    font-size:40px;
}
.archive-header-wrap {
    padding:20px 0px;
}
.x-recent-posts-img:before,
.x-recent-posts-img:after  {
    display:none !important;
}
.x-section.recent-posts {
    margin-bottom:0px;
}
.pagination-block {
    margin-top:10px;
    margin-bottom:10px;
}
.h-h1 {
    font-size:36px;
}
.h-h2 {
    font-size:28px;
}
.h-h {
    display:block;
    margin-bottom:0px;
    text-align:center;
}
/** Media Queries **/
@media (max-width:1450px) {
    .placeholder {
        min-height:370px;
    }
}
@media (min-width:926px) {
    .info-wrapper img {
        width:95%;
    }
}
@media (max-width:925px) {
    .section-quarter {
        width:100%;
        float:none;
    }
    .clear {
        clear:none;
        height:0px;
    }
    .block-left, .block-right {
        width:100%;
        display:block;
        text-align:center;
    }
    #committee-select {
        width:60%;
    }
    .committee-desc {
        margin:1.2em 5%;
		text-align: left;
		
    }
    .person-wrapper {
        margin-left:0;
        margin-bottom:20px;
    }
    .active-tab {
        border-top:none;
    }
    .placeholder {
        display:none !important;
    }
}
@media (max-width:767px) {
    .pagination-block {
        margin-top:40px;
    }
}
@media (min-width:700px) and (max-width:925px) {
    .person-wrapper {
        width:48%;
        float:left;
        min-height:400px;
    }
}
@media (max-width:699px) {
    .person-wrapper {
        width:90%;
        float:none;
        display:block;
        margin-left:auto;
        margin-right:auto;
    }
    #committee-select {
        width:80%;
    }
}
@media (max-width:550px) {
    .mobile-img {
        display:block;
    }
    .desktop-img {
        display:none;
    }
    .post-container h3 {
        margin:15px 0px !important;
    }
}
/** Landscape iPhone 5 Menu **/
@media (min-height:320px) and (max-height:330px) {
    .x-navbar .mobile .x-nav li > a {
        padding:.4em 0;
    }
}