@charset "utf-8";
/* CSS Document */

/* Mobile Portrait */
@media only screen and (min-width : 320px) and (max-width : 1024px) {
	

/*** 100 days ***/

#accordion div.icon_select{width:32%;height:180px;}
.foreword p, .accordion_bottom p{width:85%;}
.key_icon{width:25%;}

/*mobile dropdown*/
#mobile_dropdown{ display:block; width:100%; background:#fff; position:fixed; top:-600px; left:0; z-index:99999; text-align:center; -webkit-box-shadow: 0px 10px 21px -4px rgba(0,0,0,0.15); -moz-box-shadow: 0px 10px 21px -4px rgba(0,0,0,0.15); box-shadow: 0px 10px 21px -4px rgba(0,0,0,0.15); transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
#mobile_dropdown.active{ top:85px;}
#mobile_dropdown ul{margin: 0; padding: 0; list-style: none;}
#mobile_dropdown ul li{ list-style:none; margin:20px 0; padding:0; }
#mobile_dropdown ul li a{ list-style:none; margin:0; padding:0; text-decoration:none; color:#0052a4; }
#mobile_dropdown ul li a:hover{ color:#2196f3; }
.sub-menu{ max-height:0; overflow:hidden; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; margin-top:10px;}
.sub-menu.active{ max-height:300px; overflow:hidden;}

ul .sub-menu{ background:#2196f3; color:#fff !important; margin-top:15px !important;  }
ul .sub-menu li a { color:#fff !important;}
	
	
body {font-size:0.9em; padding-top:82px;}
.container {width:90%; margin:0 auto;}
.col {width:100%; text-align:center; margin-bottom:20px;}
.left, .right {float:none;}
.content-container {text-align:center;}
h1 {width:95%;}

#main-header {display:none;}
#mobile-header {display:block !important; position:fixed; top:0; padding:10px 0 7px 0; z-index:100000000;}
.owl-pagination{ display:none;}
#mobile-header .mobile-logo {margin-left:20px; width:160px;}
.menu-btn {width:30px; position:absolute; right:20px; top:35px; cursor:pointer;}
.sidr {font-size:13px; width:260px;}

.img-overlay {position:relative; top:0; width:100%; left:auto; margin-left:0;}
.img-overlay.flex {top:0;}
.left-panel .trans-white {padding-top:15px;}
.left-panel {float:none; width:100%; text-align:center; }
.left-panel h1 {display:block; padding:20px 0; width:100%; text-align:center; font-size:1.8em;}
.left-panel .header-button {display:block; padding:10px 0; width:50%; margin:0 auto; text-align:center;}
.header-button:hover {background:#aab91c;}
.right-panel {display:none;}
.right-panel-mobile {display:block !important; background:rgba(0,0,0,0.7); color:#fff; box-sizing:border-box; padding:10px; width:100%; text-align:center;}
.right-panel-mobile p {font-size:0.86em;}
.right-panel-mobile h3 {font-size:1em; margin:0;}
.right-panel-mobile a {color:#fff; text-decoration:none; font-size:0.86em;}

.left-panel .gallery-logo {max-width:340px;}

.news-left {width:100%; margin:0 auto; float:none; max-width:200px;}
.news-left p.news-date {position:relative; padding:5px 0; width:100%; margin-bottom:20px;}
.news-right {float:none; width:100%; padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #ccc; text-align:center;}
.col.left div:last-of-type .news-right {border-bottom:0;}
.meeting-date {background:none; border-right:3px solid #cddd3f; padding:0 25px 0 0; text-align:right;}
.meeting-link {margin-top:10px; padding-left:10px; box-sizing:border-box;}

#council-logos {width:100%; border-bottom:6px solid #cbdc33; padding:10px 0}
.council-logo {width:47%; float:left; display:block; margin-right:3%;}
.council-logo.end, .council-logo:nth-child(3) {margin-right:0;}

#register p {float:none; margin:7px 0 0 0; text-align:center; margin-bottom:15px;}
#register .input {float:none; width:100%; margin:0 0 5px 0; }
#register .button {padding:8px 0; display:block; float:none; width:100%; margin-top:2px;}
.doc-download {padding:13px 0; display:block; width:100%; margin-top:-20px; }
#accordion h3 {font-size:1em; box-sizing:border-box; padding:8px 10px;}

.videoWrapper {width:100%; padding-bottom:55%; margin-bottom:15px;}

#twitter-feed {text-align:center; margin-bottom:-30px;}
.twitter-bird {float:none; width:45px; margin:20px auto 0 auto; text-align:center;}
.tweet-text {width:100%; float:none; text-align:center}
#twitter-actions {width:105px; margin:0 auto;}

#sub-header {width:100%; position:relative; margin-bottom:0;}
#sub-header h1 {position:relative; top:auto; border:0; padding:15px 20px; margin:0; background:#becb29; display:block; width:auto; font-size:1.5em;}
#sub-nav {float:none; width:100%; margin-right:0%; text-align:center; margin-bottom:35px; }
#sub-nav ul li a {display:block; text-align:center; padding:10px 0 10px 0}
#sub-nav ul li a, #sub-nav ul li a {border-left:none; background:#f0f0f0;}
#sub-nav ul li a.active, #sub-nav ul li a:hover {border-left:none;}
#subpage {float:none; width:100%; padding-bottom:40px;}
#right-bar {float:none; width:100%;}
#subpage h1 {width:100%; text-align:left;}
.rightbar-container {width:100%; box-sizing:border-box; background:#f0f0f0; border:1px solid #dedede; padding:10px; margin-bottom:10px; width:49%; float:left; margin-right:2%;}
.rightbar-container:nth-child(2) {margin-right:0; padding-bottom:15px;}
#subpage.fullwidth {width:100%;}
#side-tabs {display:none;}
#sub-nav ul {border:0;}
.star {width:18px !important;}
#jump-to.fixed {position:relative; top:auto;}
.scrolltop-tab {display:none;}
.video_container.small {float:none; width:100%; height:0 !important; padding-bottom:53%;}
.video_container .play{ margin:-15px 0 0 -15px; width:30px; height:30px; }
.video_container .caption{padding-top:25px; font-size:0.9em;}
.partner-container {padding:0 5px; width:75%; margin:0 auto 30px auto; float:none;}
.partner-container p {font-size:0.96em;}

.input {border:1px solid #ccc; box-sizing:border-box; padding:10px; background:#fff; float:none; width:100%; margin-right:0; margin-bottom:8px;}
.button { width:100%; margin:0 auto; }

.col-1 {width:100%; float:none; text-align:center}
.col-2 {width:100%; float:none; text-align:center}
.col-3 {display:none;}
footer ul {margin-top:20px;}
footer ul li {display:block; padding:9px 0;}
footer ul li a {border:0;}

#member-left {float:none; width:100%;}
#member-right {float:none; width:100%;}
.member-header p {width:80%;}
.member-header .az, .member-header .list-grid {display:none;}

.schedule-date {width:44%; margin-right:4%; margin-bottom:10px;}

.work-icon-container {width:100%; box-sizing:border-box; padding:0; position:relative; margin-left:0%; margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #f0f0f0;  }
.work-icon-container h4 {font-size:1.15em; margin:0; color:#803554;}
.work-icon-container p {font-size:0.9em;}
.work-icon-container.left {text-align:center;}
.work-icon-container.right {text-align:center;}
.work-icon-container.left .work-icon-right {float:none; width:100%;}
.work-icon-container.right .work-icon-right {float:none; width:100%;}
.work-icon-container.left .work-icon {width:25% !important; display:block; margin:0 auto 15px auto; float:none;}
.work-icon-container.right .work-icon {width:25% !important; display:block; margin:15px auto 0 auto; float:none;}
.work-icon-container a {color:#111; display:block; width:100%; height:100%; text-decoration:none; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
.work-icon-container a:hover {background:none;}

.link-covers {width:45%;}

/*** GRID VIEW STYLES ***/
.grid-view .file {width:100%; float:none; margin-right:0%; height:auto; overflow:visible;}
.grid-view .file .doc-icon {position:absolute; top:0; left:0; width:17%;}
.grid-view .file .doc-info {width:83%; float:right; text-align:left;}
.grid-view .file .doc-info h3 {color:#61012b; font-weight:500; font-size:1em; margin:0;}
.grid-view .file .doc-info .upload-user {float:none; width:100%; margin:0 0 0 0 ;}
.grid-view .file .doc-info .upload-date {width:100%; float:none;}
.grid-view .file .doc-info .upload-date .clock-icon {display:none}
.grid-view .file .doc-info .upload-date p {float:none}
.grid-view .file .doc-text {padding-left:0; padding-top:0; padding-bottom:45px;}
.grid-view .file .button-container .doc-button span {display:none;}
.grid-view .file .button-container .doc-button .button-icon {display:block; float:none; margin:0 auto; text-align:center;}
.grid-view .file .button-container .doc-button.download-button .button-icon {margin:0 auto;}
.grid-view .file .button-container .doc-button.information-button .button-icon {margin:0 auto;}

.meeting-row:last-of-type {margin-bottom:30px;}

#contact-form .input {width:100%; float:none; margin-bottom:0; font-size:1em;}
#contact-form .button {width:100%;}

.mobile-carousel-menu {margin-top:7px; width:100%; cursor:pointer;}
.carousel_menu{Width:100%; /*transform:scale(1,0); -webkit-transform:scale(1,0); -moz-transform:scale(1,0); transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; transform-origin:top;*/ opacity:0; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; }
.carousel_menu.open {/*transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1);*/ opacity:1;}
.carousel-open-btn {display:block !important; color:#fff; padding:10px 0; text-align:center; width:100%; background:rgba(33,150,243,1); font-weight:300;}
.carousel_menu .col_50 {width:100%; float:none;}
.carousel_menu ul li a {padding:26.7px 40px; font-size:0.9em;}
.col_30{ width:100%; margin-bottom:30px;}
.homepage_box{ float:none !important;}
.col_20{width:100%;}
.col_25{ width:100%; margin:10px 0;}
#subpage_menu h2{ font-size:1.4em;}
#subpage_menu h2.active{ font-size:1.5em;}
#members p{ font-size:1em;}
.members_box_title{ font-size:1.4em !important; line-height:150%;}
.member_box p{ font-size:1em !important; }
.meetings_box h3{ font-size:2.2em !important;}
.meetings_box p{ font-size:1em !important;}
#subpage_new p{ font-size:1em;}
#subpage_new li{ font-size:1em; margin-left:0;}
#subpage_new ul {padding-left:0;}
#sub_header h2{ line-height:150%;}
#who p{ font-size:1em;}
.homepage_box p{ font-size:1em;}
.homepage_box h3{ font-size:1.1em;}
.doc-cover {width:45%;}
.mobile_container{ width:100% !important;}

.members_overlay.active{ width:1000px; height:1000px;}
.homepage_box .input{ width:90% !important; margin:10px 15px;}
.twitter_col{ text-align:center !important; width:100%;}


}

@media only screen and (min-width : 530px) and (max-width : 767px) {
	
	.council-logo {width:22% !important;}
	.partner-container {width:50% !important; float:left; padding:0 10px; height:240px; margin-bottom:15px;} 
	.partner-logo {max-width:155px !important;}
	
}


@media only screen and (min-width : 767px) and (max-width : 1024px) {
	
.council-logo {width:22% !important;}
.homepage_box .input{ width:90% !important;}
	
}

@media only screen and (min-width : 0) and (max-width : 481px) {
.member-container {width:100%; margin:0 auto 0 auto !important; float:none; height:auto; padding:0; text-align:center;}
.member-container .member-img {width:40%; max-width:180px !important; float:none; margin:0 auto; border:0; padding:0;}
.member-container h4 {width:100%; margin-top:15px;}
.member-container p {font-size:0.96em; width:100%; padding-bottom:25px; }

#accordion div.icon_select{width:48%;height:140px;}
.foreword p, .accordion_bottom p{width:90%;}
.key_icon{width:25%;}
.accordion_cntent h4{width:90%;}
}