/*   
Theme Name: Preventing Crime
Theme URI: http://preventingcrime.ca
Description: A custom theme template.
Author: QT Web Designs
Author URI: http://qtweb.ca
Version: 3.0

Blue #00457C
Green #51B948
Yellow #FDB60C
*/

html {}
body,td,th {}
body {margin: 0;padding: 0;font-size:62.5%; font-family: 'Open Sans', sans-serif;}
.wrapper {clear:both; width: 1200px; margin: 0 auto;}

h1, h2, h3, h4, h5, h6 { margin:0; padding:0;}
a {color: #00457C; text-decoration: underline;}
a:hover {color: #666; text-decoration: none;}
a:link img {border: none; }


/*TRANSISTIONS*/
nav li a, h6 a, #logo, #resize #plusBtn, #resize #minusBtn  { -ms-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -webkit-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out;}

.float-panel .wrapper, .float-panel, footer a, a {-ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
/*CLEAR*/
.wrapper:after, header:after, article:after, #content .right-half:after {clear:both;content:""; display:table;}

/* Header Elements  */
header {padding-top: 1px;}

#logo {width: 380px;float: left; margin: 10px 0;}
#logo img {width: 100%; height: auto;}
#logo:hover {opacity: 0.7;}
#header-right {float: right;margin-top: 30px; width: 60%;}


.social {float: right; text-align:right; margin-right: 40px;}
.social svg {font-size: 24px; margin-left: 20px; padding-top: 5px; color: #333;}
.social svg:hover {color: #51B948;}


	/* Remove if no text-resize */
	#resize {position: relative; margin-top: 7px; float: right; font-size: 1.6em;}
.zeno_font_resizer_container {float: right; margin: -20px 0 0 20px;}
.zeno_font_resizer_container a {color: #333; text-decoration: none;}
.zeno_font_resizer_minus {display:none;}

.contact {width: 100%; clear:both; text-align: right; font-size: 1.6em; padding-top: 0px;}
.contact svg {margin-left: 20px; margin-right: 5px;}
.contact a {color: #333; text-decoration: none;}
.contact a:hover {color: #51B948;}

#banner {padding: 0px 0 0; position: relative; top: 0px; clear:both !important;}
#banner img {width: 100%; height: auto;}
#banner .wrapper {position: absolute; top: 350px; left:0; right: 0; margin: 0 auto; }
#banner .title {font-size: 6.0em; display: block; color: #fff; text-shadow: 1px 1px 4px #333;}
.subtitle {font-size: 3.5em; font-weight: 600; color: #fff;  text-shadow: 1px 1px 4px #333;}

/* Main Menu  */
nav {clear:both; padding: 0; margin: 0px; background: #00457C; }
nav ul {float: left; list-style: none; text-align: left; padding: 0; margin: 0px 0 -3px;}
nav li {list-style: none; display: inline-block; padding: 0px; margin: 0px; position: relative;} /* position: relative; min-width: 13%; */
nav li a {color: #fff; display:block; float: left; font-weight: 400; margin: 0px -3px 0 0; font-size: 100%; padding: 15px 18px; text-decoration: none;	text-transform: uppercase;}

nav li a:hover {background: #FDB60C; color: #fff;}


/* Flyout Menu  */
nav li ul{display: none; position:absolute; left: 0px; top: 51px; margin: 0px 0px; min-width: 164px; opacity:0; padding: 0px; z-index:200; background: #51B948;   visibility: hidden; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;}
nav li:hover ul{display:block; visibility: visible; opacity: 1;} 
nav li li {display:block; float:none;}
nav li li a {color: #fff;  display:block; font-size:50%; font-weight:normal; width: 90%;padding: 10px 5%; text-align:left; margin: 0px; height: auto; line-height: 16px; text-transform: inherit; background-color: #51B948; border-bottom: 0px solid #888;}
nav li:hover li a:hover {color: #000; background-color:#eee;}
nav li li.current_page_item a{color: #999;font-weight: bold; text-decoration: none; background: #eee}
nav li li.current_page_item a, nav li.current_page_item li a{color: inherit; font-weight: inherit; }

	#searchform {position: relative; margin: 0px;padding: 18px 10px 2px; float: right; background: #003966;}
	#searchform input[type=text] { background: none; padding: 2px 7px; font-style:inherit; font-size: 1.4em; color: #feb916; border: none; text-transform: uppercase; font-weight: 600; width: 170px}
	#searchform input[type=text]:focus {font-style: normal; color: #fff; font-size: 1.6em;font-weight: 500; text-transform: inherit; }
	#searchform input:focus {color: #fff;}
	#searchform button {position: absolute; top: 13px; right: 10px; margin-top: 0px; background: none; border: none; color: #feb916; font-size: 1.9em; vertical-align: middle; }
	.search-label {position: absolute; clip: rect(1px, 1px, 1px, 1px); padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden;} 

/* Standard Page Elements  */

h1 {font-size: 5.0em; line-height: auto; font-weight: 500; margin: 10px 0 30px; padding: 30px 0px 30px; border-bottom: 1px solid #FDB60C}
h2 {font-family: 'Open Sans Condensed', sans-serif; font-size: 3em; line-height: auto; font-weight: 600; margin: 10px 0; padding: 10px 0; color: #00457C;}
h2 a {text-decoration:none;} 
h2 a:hover {}
h3 {font-size: 2.0em; line-height: auto; padding: 10px 0 5px; margin: 2px 0;} 
h3 a {text-decoration:none;} 
h3 a:hover {}
h4 {font-size: 2.0em; color: #51B948; line-height: auto; padding: 10px 0 5px; margin: 2px 0;}
h5 {font-size: 1.8em; padding: 10px 0; text-transform: uppercase; letter-spacing: 2px; font-weight: 400;}
h6 {margin: 20px 0; font-size: 2.0em; display: block;}
p {font-size: 1.6em; line-height: 1.9em; margin: 0 0 15px; padding: 0;}
ul,ol {margin: 0 0 10px 20px; padding: 0; }
li {padding-bottom: 7px; font-size: 1.6em; line-height: auto;}

.wp-block-button {margin: 25px 0;}
#news .wp-block-button {display:inline-block; text-align:center; margin: 25px 20px}
.wp-block-button a, h6 a {font-size: 14px;font-weight: 600; background: #003966 !important; padding: 10px 30px; border-radius: 3px; border: none !important; color: #fff !important; text-decoration: none; display: inline-block; text-align: center;}

.wp-block-button a:hover, h6 a:hover {background: #333 !important; }

#upstream h6 a {background: #cc7408 !important}

.wp-block-button__link {white-space: normal; overflow-wrap: break-word;}

.wp-block-button a:hover {background: #666 !important;}

#content {clear:both; margin-top:40px; margin-bottom: 80px; min-height: 400px;}
#content .wrapper {width: 1000px}

#updates-prev {}
#updates-prev img {width: 70%; height: auto;}

#updates-prev .rhc-widget-upcoming {font-size: 16px; line-height: 24px;}


#friends-logo {text-align: center; padding: 20px 0;} 
#friends-logo img { width: 225px; height: auto;}
.content-area {clear:both; float: left; width: 70%; margin: 0; padding: 0;}
article {display: block; border-bottom: 1px solid #ccc; padding: 10px 0; margin: 10px 0;}
iframe {width: 100%; }
#content li li {font-size: 1em;}

.alignleft  {float: left; margin-right: 10px; max-width: 50%; height: auto;}
.alignright {float: right; margin-left: 10px; max-width: 50%; height: auto;}
.aligncenter {margin: 0 auto; display:block;}
.alignnone, .aligncenter  {max-width: 100%; height: auto;}
.wp-block-image img {height: auto;}

.event-page {font-size: 16px;}
.event-page label {margin: 20px 0; }
.entry-content p {font-size: 16px; }
.entry-header h1 {font-size: 50px;}

#culture img {width: 60%; height: auto; margin: 20px 0 10px 20%;}
#culture p {font-size: 1.5em;}

.smart-updates h2 {display: block; clear:both;}
.smart-updates h6 {display: inline-block; margin: 15px 15px 15px 0 !important;}
.smart-updates h6 a:hover { background: #FDB60C}


blockquote {
    margin-left: 0px;
    border: 1px solid #388831;
    padding: 10px 20px 0px;
    background: #103C68;
    color: #fff;
    font-weight: 600;
    width: 40%;
    float: right;
    margin: 0px 0 0 10px;
}
blockquote p {
    font-size: 1.6em;
    font-weight: 500;
}
.meta {padding: 15px 0; font-size: 1.6em; color: #999;}
.postmetadata {margin: 20px 0; font-size: 1.6em;}
hr {background-color: #999; height:1px; border:none;margin: 20px 0;}
#clear {clear: both;}
.break {clear:both; display: block;}

.full-bg {background: url("images/full-bg-size.jpg") no-repeat center center fixed; 
	-webkit-background-size: cover;   -moz-background-size: cover; -o-background-size: cover;  background-size: cover;}
#full-width-background {padding: 120px; }

/* Standard Page Formatting  */
.left-one-third {float: left; width: 30%;}
.left-two-thirds {float: left; width: 67%;}

.right-one-third {float: right; width: 30%;}
.right-two-thirds {float: right; width: 67%;}

.left-half {float: left; width: 45%;margin-right: 5%;}
.right-half {float: right; width: 45%; margin-left: 5%;}


.feature {clear:both; padding: 80px 0;}
.feature div {width: 46%; float: left; margin-top: 20px;}
.feature img {width: 46%; float: right; height: auto;}
.feature h2 {color: #51B948;}
.feature:nth-child(2n) div {float: right;}
.feature:nth-child(2n)  img {float: left;}
.feature a {font-weight: 700; text-decoration: none;}

.friends-list ul {}
.friends-list li {display: inline-block; width: 24%; text-align: left;}

#become-friend {text-align:center; border: 1px solid #00457C; padding: 25px 0; margin-bottom: 0px;}
#become-friend h2 {color: #00457C; }
#become-friend .wp-block-button a {background: #00457C !important; color: #fff !important;}

.video-grid {text-align: left;}
.video-grid .video {width: 30%; margin: 10px 3% 10px 0; display: inline-block; vertical-align:top }
.video-grid p {font-weight: 600; font-size: 1.4em; line-height: 1.2em; text-align:left;}
.video-grid .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
    width: 100%;
    margin-left: 0%;
    margin-top: 20px;
    margin-bottom: 20px;
}
#blog-thumbnail {width: 30%; float: right;}
#blog-thumbnail img {width: 100%; height: auto; border: 1px solid #eee;}
#blog-excerpt {width: 67%; float: left;}



div.ctct-form-embed div.ctct-form-defaults {
	border: 1px solid #00457C;}

#timeline {text-align:center; padding: 40px 0; background-color: #eee; min-height: 300px; margin: 40px 0; background: url("images/background-scroll.png") no-repeat center center fixed; -webkit-background-size: cover;   -moz-background-size: cover; -o-background-size: cover;  background-size: cover;}
.timeline-title {display: block; font-size: 4em;font-family: 'Open Sans Condensed', sans-serif; font-size: 3em; line-height: auto; font-weight: 600; margin: 10px 0; padding: 10px 0; color: #00457C;}
.rsUni, .rsUni .rsOverflow, .rsUni .rsSlide, .rsUni .rsVideoFrameHolder, .rsUni .rsThumbs, .rsDefaultInv .rsSlide {
	background: none !important;}

.rsDefaultInv, .rsDefaultInv .rsOverflow, .rsDefaultInv .rsSlide, .rsDefaultInv .rsVideoFrameHolder, .rsDefaultInv .rsThumbs {
    background: none;
    color: #222;
}

.rsUni .rsTabs {
padding-top: 0 !important;
	text-align:center;
	margin: 10px 0 20px;
}

.rsUni .rsTab{ 
	border: 0px !important;
	margin: 5px 0px;
	padding: 10px 20px !important;
	color: #ccc;

}

.rsUni .rsTab:hover { 
background: #eee;

}
#timeline img.rsImg {
    max-height: 340px; max-width: 100%;
}

.rsUni .rsTab:first-child{margin-top: 0px;}

.rsUni .rsTab.rsNavSelected{
	background: #fff !important;
	color: #00457C !important;
	border: #00457C solid 1px !important;
}

.rsUni .rsTab:first-child, .rsUni .rsTab:last-child{
	border-radius: 0 !important;
}
.rsTmb{
	font-size: 16px;
}

#news {text-align:center;}
#news h2 {font-size: 3.5em; display: block; color: #333; border-bottom: 1px solid #FDB60C;}
#news a {text-decoration: none; }
#news h3 {font-size: 1.9em; margin: 0 0 10px; padding: 0; text-transform: inherit;}
#news p {color: #333;}
#news .date {font-style: italic; color: #999;}
#news .wp-block-button {
    text-align: center;
}
#news-features {}
#news-features div {text-align: left; display: inline-block; vertical-align: top;  width: 21.7%; margin-right: 4%;}
#news-features div:nth-of-type(4) {margin-right: 0;}
#news-features div:hover {opacity: 0.7}
	#news-features img {width: 99%; height: auto;border: 1px solid #eee; }
/* Feature - 3 Column  */
.features {text-align: center;}
.features div {width: 29%; display: inline-block; vertical-align:top; background: #ccc; padding: 10px 1.3%; margin-right: 2%; margin-bottom: 10px;}
.features div:nth-of-type(3n) {margin-right: 0;}
.features div:nth-of-type(3n+1) {clear:both;}
.features img {width: 100%; height: auto;}
.features h3.title {}

.features4 {text-align: center;}
.features4 div {width: 21.1%; display: inline-block; vertical-align:top; background: #ccc; padding: 10px 1%; margin-right: 2%; margin-bottom: 10px;}
.features4 div:nth-of-type(4n) {margin-right: 0;}
.features4 div:nth-of-type(4n+1) {clear:both;}
.features4 img {width: 100%; height: auto;}
.features4 h3.title {}

/* Legacy CSS from old site*/
				#meeting {clear:both; border-top: 1px solid #ccc;margin-top: 10px;padding-top: 10px;}
				#meeting h5 {width: 16%; font-size: 18px; float: left; border-bottom: none; background: #114279; color: #fff; text-align: center; padding: 20px 4%;}
				#meeting h3 {width: 40%; font-size: 16px; float: left; margin-left: 10%;}
				#meeting div {width: 25%; float: right;}
				#meeting a {text-decoration: none;}

				#council-members {text-align:center}
				#council {
    width: 15.5%;
    display: inline-block;
    margin: 20px 4% 20px;
    text-align: center;
    vertical-align: top;
}
#twitter {}
#twitter a {color: #fff; }
#twitter img {width: inherit !important}
#landing-thumbnail img {width: 100%; height: auto;}
				#council img {width: 150px; height: auto; margin-bottom: -15px;-webkit-border-radius: 120px; -moz-border-radius: 120px; border-radius: 120px; margin-top: 50px;}
				#council h2 {font-size: 15px;margin: 3px 0; line-height: 15px; padding: 0 0 7px; border-bottom: 1px solid #ccc}
				#council h3 {font-size: 12px; margin: 3px 0 3px;padding-: 0px; line-height: 18px;}
				#council h4 {font-size: 12px;margin: 3px 0; text-transform: inherit;}
				#council-members h2 {clear:both;}
				#council h6 a {font-size: 12px; margin: 0 0 0; padding: 0;}
				#council h6 {margin: 0px}

				#grid div {width: 29%; display:inline-block; vertical-align:top; margin: 20px 5.5% 40px 0;}
				#grid img {width: 100%; height: auto; border: 1px solid #333;}
				#grid img:hover {opacity: 0.7;}
				#grid div:nth-of-type(3n) {margin-right: 0; }
				#grid h6 { margin-top: 0px;}
				#grid h6 a{font-size: 13px; padding: 5px 10px}


#member-images img {width: 27%; margin: 10px 3%; height: auto; display: inline-block;}


/* Return To Top Button */
#return-to-top {position: fixed;z-index: 1000; bottom: 20px;right: 20px; background: rgba(0, 0, 0, 0.7); width: 50px; height: 50px; display: block; text-decoration: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}

#return-to-top svg {color: #fff; margin: 0; position: relative; left: 16px; top: 13px; font-size: 1.9em; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;  -ms-transition: all 0.3s ease;  -o-transition: all 0.3s ease;  transition: all 0.3s ease;}
#return-to-top:hover {background: rgba(0, 0, 0, 0.9);}
#return-to-top:hover i {color: #fff; top: 5px;}


/* Wordpress gallery Thumbnail and Medium sized images, 2, 3, 4 column layouts */
#sb-container {z-index: 99999;}

.gallery-columns-2.gallery-size-thumbnail .gallery-item, .gallery-columns-2.gallery-size-medium .gallery-item {width: 40%; display: inline-block;margin: 10px 5%;  vertical-align: top;}
.gallery-columns-3.gallery-size-thumbnail .gallery-item, .gallery-columns-3.gallery-size-medium .gallery-item {width: 29%; display: inline-block;margin: 10px 2%;  vertical-align: top;}
.gallery-columns-4.gallery-size-thumbnail .gallery-item, .gallery-columns-4.gallery-size-medium .gallery-item {width: 20%; display: inline-block;margin: 10px 2%;  vertical-align: top;}

.gallery-size-thumbnail img, .gallery-size-medium img, .gallery-size-large img {width: 100%; height: auto; border: 1px solid #ccc;}	

.gallery-caption {text-align: center;}	
dd {display: block; -webkit-margin-start: 0px;}

/* Sidebar Elements  */
aside {float: right; width: 25%; margin: 0px;}
aside h2 {font-size: 2em;}
aside ul {}
aside li {}
aside li a {}
aside li a:hover {}
aside p {font-size: 1.5em; line-height: 1.5em;}

.sidebar-menu {list-style: none; margin: 0; padding: 0; }
.sidebar-menu li {margin: 1px 0 ; padding: 0;}
.sidebar-menu li a {background:#eee; color: #000; font-size: 14px; display: block; padding: 20px; text-decoration: none;}
.sidebar-menu .parent a {background: #51B948; color: #fff; font-weight: 600;}
.sidebar-menu li a:hover {opacity: 0.75}

/* Footer Elements  */
footer {clear:both; color: #fff; background: #00457C; font-size: 80%; padding: 60px 0; margin: 40px 0 0; text-align: center }
footer .wrapper {text-align: center;}
footer .wrapper div {}
footer h2 {font-weight: 300;}
footer p {}
footer a {color: #fff; text-decoration: none;}
footer a:hover {text-decoration: underline; color: #fff;}

.footer-logo {width: 350px; margin-bottom: 20px;}
footer svg {color: #FDB60C; font-size: 30px !important; margin: 5px 10px 20px;}
footer svg:hover {color: #fff;}
footer .break {}
.qt-footer {}
.qt-footer a {text-decoration: none;}
footer .wp-block-button a {color: #FDB60C !important; background: none !important; text-transform: uppercase; border: 1px solid #FDB60C !important;}

/* Standard Forms */
form { }
input[type=email], input[type=text], input[type=password] {padding: 10px 3%; width: 94%; margin-bottom: 10px;-webkit-appearance: none; border: 1px solid #ccc;}
textarea {margin: 0; }
select {padding: 4px 2%;  margin-bottom: 5px;}
input[type=text]:focus {}
input[type=submit] {margin: 10px 0px; background: #555; padding:10px 5%; border:0; border-radius: 0; font-weight: bold; text-transform: uppercase; color:#fff; font-size: 100%; cursor:pointer; -webkit-appearance: none;}
input[type=submit]:hover {background: #ccc;padding:10px 5%;}


	/* Gravity Forms */
	.gform_wrapper {margin: 16px 0; max-width: 100%;}
	.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
		font-size: inherit; font-family: inherit; padding: 15px 14px; letter-spacing: normal; width: 100%; }
		.gform_wrapper textarea {padding: 15px 14px;line-height: 1.5;resize: vertical;}
	.gform_wrapper .gform_footer {padding: 6px 0 10px; margin: 6px 0 0; clear: both; width: 100%;}
.gform_wrapper select {
    margin-bottom: 7px !important;
    padding: 14px 0 !important;
    margin-top: 0px !important; border: 1px solid #ccc !important;
}

	/*Removes Label and Required Fiels  */
	.gform_wrapper .top_label .gfield_label {display: inherit;}

/* Responsive Video - needs a div around the video (see functions.php) */
.video-container {position: relative; padding-bottom: 36.25%; padding-top: 30px; height: 0; overflow: hidden; width: 60%; margin-left: 20%; margin-top: 40px; margin-bottom: 40px;}
 .video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.left-half .video-container, .right-half .video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    padding-top: 30px;
    margin-left: 0;
    height: 0;
    overflow: hidden;
}

/* Collapseomatic Styles */
.collapseomatic {background-image: none !important ; background-repeat: no-repeat; padding: 5px 10px; font-size: 1.3em; text-transform: uppercase; cursor: pointer; font-weight: 600; margin-bottom: 30px; display: inline-block; border: 1px solid #ddd;}
.collapseomatic:hover {text-decoration: none; background: #eee;}
.collapseomatic:before {content: "+"; font-style:normal; font-size: 1.2em; font-weight: 900;padding: 12px 5px 0 0}
.collapseomatic_excerpt, .collapseomatic_content {margin-top: 0px; margin-left: 16px; padding: 0px;}
.colomat-close:before {content: "-"; font-family:"Font Awesome 5 Free";  font-style:normal; font-size: 1.2em; font-weight: 900;padding: 12px 5px 0 0}
.colomat-close {}

	/* Collapseomatic Styles */
	.event_data {margin: 20px 0;}
	.event_date {font-size: 1.6em !important; padding: 20px 10px;}
	.eventpost-date-export, .event_category {display: none;}


.rsOverflow{}
.royalSlider{}
.rsContentSlider img{ width:100% !important; height: auto !important; }

.rsContentSlider h3, .rsContentSlider p{margin: 0;}
.rsUni, .rsUni .rsOverflow, .rsUni .rsSlide, .rsUni .rsVideoFrameHolder, .rsUni .rsThumbs {
   background: #fff; color: #333;}


/*Fix Full Screen Search Glitches*/
/*Fixes Footer Spacing*/
#full-screen-search {display:none !important;}
#full-screen-search.open {display:block !important;}

/*Fix X showing in IE*/
#full-screen-search button.close {display:none;}
#full-screen-search.open button.close {display:inherit;}


/*Responsive menu pro */
#responsive-menu-pro-button {top: 25px !important; right: 3% !important;}
#responsive-menu-pro-button .responsive-menu-pro-button-lines {width: 33px !important; height: 27px !important; margin: auto !important;}

#google_language_translator {float: right; display: block; margin-left: 20px;}


/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 1250px or less */
@media screen and (max-width: 1250px) {
	#logo {width: 330px;}
#content .wrapper, .wrapper {width: 90%; }
	nav .wrapper {width: 96%;}
	#searchform {display:none;}
	#searchform input[type=text] {width: 150px}
	
	nav {margin: 0;}
	nav li a {padding-left: 20px; padding-right: 20px;}
	#header-right {width: 60%; margin-top: 20px;}
.alignleft {width: 50%; height: auto;}
.alignright {width: 50%; height: auto;}
}


/* for 1000px or less for phone in landcape mode*/
@media screen and (max-width: 1000px) {
.feature {clear:both; padding: 20px 0;}
.feature div {width: 70%; float: none !important; margin-top: 20px; margin-left: 15%;}
.feature img {width: 70%; float: none !important; height: auto;margin-left: 15%;}
	nav {display: none;}
	#logo {width: 40%; margin-left: 30%;}
	#header-right {width: 100%; float:none; text-align: center; margin: 10px 0;}
	#resize {display:none;}
	.contact {text-align:center;margin-bottom: 20px; padding-top: 10px;}
	.social {width: 60%; text-align:center; display: inline-block;}
	#google_language_translator {float: none; display: inline-block; margin-left: 0px; width: 30%;}
	.social svg {margin: 0 20px; padding: 0; }
}

/* for 768px or less for phone in landcape mode*/
@media screen and (max-width: 768px) {

	/* float panel css */	
	.float-panel {position: relative;}
	.float-panel.fixed {display:none;}
#logo {width: 50%; margin-left: 25%;}
.alignnone, .aligncenter {width: 100%; height: auto;}
.reg-size {width: inherit !important; height: auto;}
nav {display:none;}
		.social {width: 90%; text-align:center; float: none; clear: both; margin-left: 5%;}
.content-area {width: 100%; float: none; margin: 0 auto;}
aside {width: 100%;  float: none; margin: 0 auto;}
	#council {width: 46%; margin: 20px 3% 20px 0; height: 220px; }
#council:nth-of-type(4n),#council:nth-of-type(2n) {margin-right: 0;}
#council img {width: 40%}
.gform_wrapper {max-width: 100%;}
	
	#news-features div {display: inline-block; vertical-align: top;  width: 95%; margin-right: 4%;}
#news-features div:nth-of-type(4) {margin-right: 0;}

	
	
	
.left-one-third, .left-two-thirds, .right-one-third, .right-two-thirds{float: none; width: 100%;}
.video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; width: 100%}
.left-half {float: none; width: 100%;}

#resize {display:none;}
	
#footer-left, #footer-mid, #footer-right {width: 80%;}
#footer-left ul {list-style:none; margin: 0;}
#footer-left {text-align: center;}
#footer-mid {text-align: center;}
#footer-right {text-align: center;}
footer .break {display:inline; margin-left: 5px; padding-left: 5px; border-left: 1px solid #fff; }
}

/* for 600px or less for phone in portrait mode*/
@media screen and (max-width: 600px) {
h1 {font-size: 4em;
    padding: 10px 0;}
h2 {}
h3 {}
h4 {}
h5 {}
h6 a {}
p {}
	#content {margin-top: 0;}
	.left-half {float: none; width: 100%;margin-right: 0%;}
.right-half {float: none; width: 100%; margin-left: 0%;}
	
	#news {display:none;}
	blockquote {
    margin-left: 0px;
    border: 1px solid #388831;
    padding: 10px 5% 0px;
    background: #103C68;
    color: #fff;
    font-weight: 600;
    width: 89%;
    float: right;
    margin: 0px 0 0 10px;
}
	
	#blog-thumbnail {width: 100%; float: none;}
#blog-excerpt {width: 100%; float: none;}
#logo {width: 60%; margin-left: 20%;}
	#council {height: 180px;}
#council img {width: 60%}
	.contact {display:none;}
	.social {margin-top: 10px; margin-bottom: 30px;}
	.social svg {font-size: 29px;}
	.feature div {width: 90%; margin-left: 5%; }
.feature img {width: 90%; margin-left: 5%;}
#grid div {width: 80%; margin-left: 10%; display:inline-block; }
.alignleft {width: 100%; height: auto; margin-right: 0; }
.alignright {width: 100%; height: auto; margin-left: 0;}


}

/* for 480px or less for phone in portrait mode*/
@media screen and (max-width: 480px) {
	#logo {width: 80%; margin-left: 10%;}
#banner .wrapper {position: relative; top: 0px; left:0; right: 0; margin: 10px auto; }
#banner .title {font-size: 4.0em; color: #000; text-shadow: none;}
.subtitle {font-size: 2.5em; color: #000;  text-shadow: none;}
    .features div {width: 90%; margin-right: 0;}
    .features div:nth-of-type(3n) {margin-right: 0;}
    .features4 div {width: 90%; margin-right: 0;}
    .features4 div:nth-of-type(4n {margin-right; 0;})
footer .break {display:block; margin-left: 0px; padding-left: 0px; border-left: 0px }
    
}


/* Begin other CSS elements */

.wp-paginate {}
.wp-paginate li {}
.wp-paginate a {background:#ddd; border:1px solid #ccc; color:#666; margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {background:#ccc; color:#888;}
.wp-paginate .title {color:#555; margin-right:4px;}
.wp-paginate .gap {}
.wp-paginate .current {color:#fff; background:#333; border:1px solid #89adcf; margin-right:4px; padding:3px 6px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}

.do-not-print { display: none; }
#comments { page-break-before: always; }
table {}
th { border-bottom: none }
td { border-bottom: none; }
th, td {padding: 4px;}
caption, .wp-caption-text { background: #fff; margin-bottom: 20px; text-align: left; font-size: 1.2em; font-style: italic;}
thead { display: table-header-group; }
tr { page-break-inside: avoid; }
	
#respond {margin-top: 30px;}
#respond div {padding-bottom: 10px;}	
	
ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 1em; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p {font-size: 1em;}
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 1.1em; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }