.container {width: 1020px; max-width: 1020px;}
.boxshadow  {-webkit-box-shadow: 4px 4px 8px 0 #b9c2bd; box-shadow: 0 5px 5px #b9c2bd; margin-bottom: 15px;}

/* Header */
#sdcounty { height: 30px; max-width: 1020px; margin: 0 auto; padding: 5px 0; text-align: left;font-weight:bold;}
#sdcounty a {padding-left: 0; color: #2d3742; text-decoration: none;}
#sdc-link {text-decoration: underline;}
#cosd-header.dept-header {height: 56px; padding-top: 8px;}
#cosd-seal {width: 41px; height: 40px; margin-left: 8px;}
#icon-home {margin: 3px 35px 3px 4px;}
#dept-name {width: 700px; height: 40px; position: absolute; overflow: hidden; margin-top: 1px; font-size: 26px; font-family: Helvetica, Arial, sans-serif; padding: 0 0 0 13px; color: #fff; vertical-align: middle;}
#dept-name span {color: #a7a6a6;}

/* Search */
#search-box {xtext-align: right; height: 25px; margin-top: -43px; padding-right: 0;position: static;}
/*#search-field, #search-field-min */{width: 235px; height: 23px; border: none; border: 1px solid #fff; border-radius: 5px 0 0 5px; padding: 3px 4px 3px 8px; font-size: 12px; color: #666; font-style: italic; vertical-align: middle;}
#search-submit/*, #search-submit-min*/ {width: 26px; height: 23px; text-align: center; border: none; border-radius: 0 5px 5px 0; padding: 3px; color: #fff; background-color: #d94d4c; font-size: 12px; vertical-align: middle; background-image: url(../images/icon-search.png); background-size: 18px;}
#search-submit-text {display: none;}
#terrain-dept {margin-top: -37px;}
#terrain-dept img {width: 100%;}
#terrain-mobile {display: none;}


/* Department Nav */
.navbar-nav.dept-nav > li {margin-right: 0;}
.dropdown-menu > li > a {color: #2d3742;}
/*#dept-menu ul {width: 250px;}*/
/* #dept-menu .chevron, .dept-panel-menu .chevron {width: 12px; margin-left: 8px; margin-bottom: 2px;} */
.dept-sub-menu li {list-style: none; margin-left: -18px; padding: 2px;}
.dept-sub-menu li a {display: block; clear: both; /*width: 250px;*/ color: #2d3742; text-decoration: none; margin: 0; padding: 0;}
.dept-sub-menu li > a:hover {color: #40c6f2; background-color: transparent !important;}

#dept-cosd-navbar-wrapper {display: none;}

/* Main Content */
#content-area-wrapper {margin-top: 15px; max-width: 1020px;}
/*#content-area {margin-left: -30px; margin-right: 0;}*/
#content-main {width: 75%; /*750px; */ padding-right: 0; /*margin-right: 5px;*/margin-left: -15px;}
#content-secondary {width: 100%; /*750px;*/ max-width: 750px; padding: 15px 22px; background-color: #fff; color: #2d3742;}
#content-secondary a:not(.gs-title) {color: #027cbb; font-weight: bold;}
#content-secondary blockquote {padding: 0; margin: 0 0 0 20px; border-left: none;}
#content-secondary blockquote p {font: inherit;}
h1.page-title {font-size: 36px; font-weight: bold; margin: 0 0 22px 0; color: #2d3742; text-wrap: pretty;}
#email-print {float: right; margin-bottom: 12px;}
#email-print div {display: inline-block; margin-left: 15px;}
.pagenotfound #email-print {display: none !important;}

/* Sidebar */
#sidebar {max-width: 260px; margin-left: 10px; padding:0;}
.component-panel {width: 260px; float: none; margin-bottom: 15px;}
#dept-logo {height: auto; padding: 22px; text-align: center !important;}
#dept-logo a {padding: 0;}
#dept-logo img {margin: 0;max-width: 225px;}
#social-media-dept {height: auto; background-color: white; padding: 11px;}
#social-media-dept a {display: inline; padding: 0;}
#social-media-dept a:hover {background-color: transparent;}
#social-media-dept a img {padding: 0; margin: 0 2px;}
#dept-logo, #social-media-dept, #cosd-news, #dept-services {width: 260px;}
/*#dept-services p {height: 32px;}*/
#dept-services, #services-list {height: auto;}
#dept-services a {display: block;}
/*.component-panel a:hover, #dept-services p:hover {color: #ffffff; background-color: #40c6f2;}*/
#dept-services a:hover {color: #2d3742; background-color: #40c6f2;}	
#cosd-news-list a {font-size: 14px; line-height: 16px;}

/* Google Translate */
 #sidebar #google_translator{
	height: auto; width: 260px; padding: 10px; text-align: center !important; background-color: white;
} 

/* Column Flex */
.column_flex .no-padding {
    padding: 0 !important;
    margin: 0 0 15px 0;
}
.column_flex .no-padding .persona-panel {
    margin-bottom: 0;
}
.column_flex > .no-padding > div {
    padding: 0 !important;
}
.column_flex > .bg-row.no-padding > div > div > .adaptiveimage {
    xmargin: 0 -15px;
}

/* Tile Component */
.tile-img {
    padding: 10px 10px;
}

.sdc-tile-container {
    width: 220px;
    height: 250px;
    margin: 0 0 -20px -25px;
}    
.sdc-tile {
    position: relative;
    height: inherit;
    border: 2px solid;
    border-radius: 1em;
    cursor: pointer;
}
.sdc-tile a {
    text-decoration: none !important;
}
.sdc-tile p {
    color: #666;
}
.sdc-tile-icon {
    position: relative;
	z-index: 2;
    width: 34px;
    height: 34px;
    margin: -1em auto;
}
.sdc-tile-icon img {
    width: 100%;
    height: 100%;
    margin-top: -0.25em;
}
.sdc-tile-image {
    position: relative;
    height: 66.4%;
    border-bottom: 0.1675em solid;
}
.sdc-tile-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0.9em 0.9em 0 0;
}
.sdc-tile-image-overlay {
	position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    border-radius: 1em 1em 0 0;
  	background-color: transparent;
    opacity: 0;
}
.sdc-tile-image-overlay.opacity-44 {
    opacity: 0.44;
}
.sdc-tile-caption {
    display: block;
    height: 33.6%;
    padding: 0.5em 0.75em;
    text-align: center;
    font-size: 0.9em;
    line-height: 1em;
}
.sdc-tile-id {
    font-weight: bold;
}
.sdc-tile-caption p {
    margin: 0.5em 0
}

/* Tile component all borders */    
.border-0198cd {
    border-color: #0198cd;
}
.border-ff9e16 {
    border-color: #ff9e16;
}
.border-8c84d6 {
    border-color: #8c84d6;
}   
.border-26cad3 {
    border-color: #26cad3;
}    
.border-8bdc65 {
    border-color: #8bdc65;
}

/* Tile component bottom borders */    
.border-bottom-0198cd {
    border-bottom-color: #0198cd;
}
.border-bottom-ff9e16 {
    border-bottom-color: #ff9e16;
}
.border-bottom-8c84d6 {
    border-bottom-color: #8c84d6;
}   
.border-bottom-26cad3 {
    border-bottom-color: #26cad3;
}    
.border-bottom-8bdc65 {
    border-color: #8bdc65;
}

/* Tile component overlays */    
.background-0198cd {
    background-color: #0198cd;
}
.background-ff9e16 {
    background-color: #ff9e16;
}
.background-8c84d6 {
    background-color: #8c84d6;
}   
.background-26cad3 {
    background-color: #26cad3;
}    
.background-8bdc65 {
    background-color: #8bdc65;
}

/* Forms */
#content-secondary .form_section input,
#content-secondary .form .form_row,
#content-secondary form .form_row, 
#content-secondary form .form_row_description,
#content-secondary form + .address.section,
#sidebar .form_section input,
#sidebar .form .form_row,
#sidebar form .form_row, 
#sidebar form .form_row_description,
#sidebar form + .address.section {
	font-size: 14px !important;
}
#content-secondary form .form_field_textarea,
#sidebar form .form_field_textarea {
    max-width: 706px;
}

/*@media (max-width: 479px) {
	#myCarousel, #content-secondary {display: none;}
}*/

/* Facebook component */
#fb-root.sdc {
    text-align: center;
}
#fb-root.sdc * {
    width: 500px;
}


@media (min-width: 641px) {

/* Google Search */

#cosd-header #search-box {
    width: 235px;
    margin-right: 2em;
    padding: 0;
}
#header #gsc-i-id1 {
    width: 235px !important;
    height: 23px !important;
    border: none !important;
    border-radius: 5px 0 0 5px !important;
    padding: 3px 4px 3px 8px !important;
    font-size: 12px;
    color: #2d3742;
    font-style: italic;
    vertical-align: middle;
}
input.gsc-search-button, 
input.gsc-search-button:hover, 
input.gsc-search-button:focus,
.gsc-search-button.gsc-search-button-v2 {
    width: 26px !important;
    height: 23px !important;
    text-align: center;
    border: none !important;
    padding: 0 13px !important;
    xcolor: #fff !important;
    color: transparent !important;
    background-color: #d94d4c !important;
    font-size: 12px;
    vertical-align: middle;
    background-image: url(../images/icon-search.png) !important;
    background-size: 18px;
}
}

@media (max-width: 1200px) {
	#content-area {width: 100%;}
}

@media (max-width: 1000px) {
	.container {width: 100%;}
}

@media (max-width: 640px) {
	@viewport {width: 640px;}
	#dept-cosd-text {font-size: 34px;}
	#content-main {width: 100%; margin-left: 0; margin-right: -30px;}
	#content-area {margin-top: 20px;}
	#content-area-wrapper {xmargin: 20px 0 0 0; margin: 0; padding: 0;}	
	#sdcounty {/*width: 300px;*/ height: 80px; margin: 0; padding: 20px;}
	#dept-cosd-domain {font-size: 34px; color: #2d3742;}
	#cosd-seal, #cosd-seal-interior {width: 59px; height: 58px; margin: 13px 0 0 20px;}
	#dept-name {height: 58px; width: 550px; position: absolute; display: inline-table; margin-top: 22px; padding-left: 12px; font-size: 34px; line-height: 1.1em;}
	#cosd-header.dept-header {height: 103px;}	
	#cosd-news-list a {font-size: 30px;}
	.navbar-header button, .navbar-header button, .navbar-toggle {background-color: transparent;}
	#dept-cosd-navbar-wrapper {display: inline-block; position: absolute; top: 20px; right: 0;}
	#dept-cosd-nav-button-min {display: inline-block; width: 45px; height: 37px; margin-right: 20px; background-image: url(../images/icon-cosd-menu.png); background-repeat: no-repeat; background-color: transparent;}
	/*#dept-menu > a {display: none;}*/
	#dept-cosd-navbar-wrapper .navbar-header {margin-bottom: 20px;}
	#terrain-dept {margin-top: 0;}	
	#terrain-full {display: none;}
	#terrain-mobile {display: block; margin-top: 10px;}
	#terrain-dept #terrain-mobile {margin-top: 1px;}
	#sidebar {width: 100%; max-width: 100%; margin-left: 15px;} 
	#sidebar div div.component-panel {margin-bottom: 20px;}
	#dept-logo{display: none;}	
	#social-media-dept a img {width: 95px;}
	h1,.h1 {font-size: 46px;}
	h2,.h2 {font-size: 40px;}
	h3,.h3 {font-size: 34px;}
	h1.page-title {font-size: 46px; font-weight: bold; margin: 0 0 40px 0; color: #2d3742;}
	#content-secondary {margin-bottom: 20px; padding: 36px 20px 20px 20px; font-size: 28px; line-height: 40px;}
	#content-secondary ul {padding-bottom: 5px; padding-left: 40px;}
	#content-secondary img {max-width: 600px;}
	#email-print {display: none;}
	#dept-services {margin-right: 20px; margin-bottom: 20px;}
	#dept-services p a {padding-top: 10px;}
	#dept-services p.more {padding-top: 5px;}

	/* Google Translate */
	#google_translator { 
		width: 640px !important; 
    	margin: 40px 0 -10px 0; 
    	padding: 20px 20px 0 20px;
    	background-color: #fff;
	}

	#google_translator .goog-te-combo { 
    	display: block;
	}

	#google_translator select.goog-te-combo {
    	width: 100%;
   	 	height: 2.5em;
    	font-size: 2.5em;
	}

	 /* start ac 6-10-14 */	

    #dept-menu {	
    top:-25px;	
    margin:0 0 -25px 0;	
    position:relative;	
    padding:0;	
    width:100%;
	border: none; /* ab */	 }	
    	
    #dept-menu a { display:none; }	
    	
    .main-sub-menu.active { display:block; }	
    	
    #dept-menu .dropdown-menu,	
    #dept-menu .dropdown-menu a { display:block; font-weight:normal; }	

    #dept-menu .dropdown-menu,	
    #dept-menu .dropdown-menu .dept-sub-menu { width:100%; }	
    	
    #dept-menu .dropdown-menu a { margin: 0; padding: 12px 45px 12px 20px; }	
    	
    #dept-menu .dropdown-menu li { border-bottom: 1px solid #EEE; }	
    	
    #dept-menu .dropdown-menu .dept-sub-menu li { border:0; }	
    	
    #dept-menu .dropdown-menu .dept-sub-menu li a {	
    font-size:38px;	
    padding: 8px 45px 8px 25px;	
    font-weight:300;	
    line-height:38px;	
    }	
    	
    #dept-menu .dropdown-menu .dropdown-toggle.active {	
    background: url(../images/nav-chevron-up-light.png) no-repeat 590px center #40c6f2 !important;	
    color:#fff !important; }	
    	
    #dept-menu .dropdown-menu .dept-sub-menu a.dropdown-toggle {	
    background-position:566px center !important;	
    }	

    #dept-menu .dropdown-menu .dept-sub-menu a.dropdown-toggle.active {	
    background: url(../images/nav-chevron-up-dark.png) no-repeat 566px center #fff !important;	
    color:#2d3742 !important;	
    }	
    	
    #dept-menu .dropdown-menu .dept-sub-menu .main-sub-menu {	
    width:100%;	
    }	
    	
    #dept-menu .dropdown-menu .dept-sub-menu .main-sub-menu li a {	
    padding-left:0;	
    }	
    /* end ac 6-10-14 */

	/* Google Search */
	#search-box {
		display: none;
	}
	#search-box.search-expand-secondary {
    	position: relative;
    	height: 147px;
    	margin-top: 79px !important;
		padding: 40px 20px !important;
    	background-color: #8B9297;
	}

	/* Forms */
	#content-secondary .form_section input,
	#content-secondary .form .form_row,
	#content-secondary form .form_row, 
	#content-secondary form .form_row_description,
	#content-secondary form + .address.section,
	#sidebar .form_section input,
	#sidebar .form .form_row,
	#sidebar form .form_row, 
	#sidebar form .form_row_description,
	#sidebar form + .address.section {
		font-size: 20px !important;
	}
	#content-secondary form .form_field_textarea,
	#sidebar form .form_field_textarea {
        max-width: 600px;
    }
    .hide-me-mobile {
	     display: none !important;
	} 


	/* Tile Component */
    .sdc-tile-container {
        width: 528px;
        height: 600px;
    	margin: auto auto auto 10px;
    }
    .sdc-tile-icon {
        height: 100px;
        width: 100px;
        margin-top: -1.6em;
    }
    .sdc-tile-caption {
        font-size: 1.1em;
        padding-top: 0;
    }
}


/* COB Comments Form */
#cob-vcf .address.section {
    background-color: #cff3ff;
    padding: 3em 9em 1px 9em;
    margin-bottom: -1em;
}
#cob-vcf .form_row_description {
    font-size: 1em;
    color: #2d3742;
}

#cob-vcf .upload.section label, 
#cob-vcf .address .form_leftcollabel label {
    font-size: 1.5em;
    margin-bottom: 1.5em;
    margin-left: -4.5em;
    color: #2d3742;
}
#cob-vcf .upload.section label:first-letter, 
#cob-vcf .address .form_leftcollabel label:first-letter {
    color: white;
    background-color: #50aa00;
    padding: 0.5em 0.8em;
    margin-right: 1em;
    border-radius: 5em;
}
#cob-vcf .form_rightcolmark {
    font-size: 1.25em;
}
#cob-vcf .form_field_text {
    width: 95%;
}
#cob-vcf .form_button_submit, 
#cob-vcf .form_button_reset {
    padding: 0.5em 2em;
    font-size: 1.5em;
}
#cob-vcf .form_button_submit {
    background-color: #50aa00;
}
#cob-vcf .form_button_reset {
    background-color: darkred;
}
#cob-vcf .upload.section,
#cob-vcf .dropdown.section,
#cob-vcf .guideemail.section {
    background-color: #cff3ff;
    height: 10em;
    margin-bottom: 1em;
}
#cob-vcf .guideemail.section {
	padding: 0 1em 1em 9em;
    margin-bottom: -6em;
}
#cob-vcf .text.section {
    padding: 0 9em 0 9em;
	background-color: #cff3ff;
}
/*#cob-vcf .text.section::after {
    content: " *";
    float: right;
    margin-top: -2em;
    margin-top: -1.75em;
    margin-right: 0.65em;
    color: red;
    font-weight: bold;
    font-size: 1em;
    font-size: 1.25em;
}*/

#cob-vcf .text.section .form_leftcolmark {
    display: none;
}
#cob-vcf .text.section .form_leftcollabel {
	color: #2d3742;
}
#cob-vcf .upload.section {
	padding: 2em 1em 0 9em;
}
#cob-vcf .dropdown.section {
	padding: 1em 1em 0 9em;
	margin-top: -1em
}
#cob-vcf .dropdown.section .form_leftcollabel {
    font-size: 14px;
    color: #2d3742;
}
#cob-vcf_Subject {
    width: 440px;
    height: 2em;
}
#cob-vcf .end.section {
    text-align: right;
}
#cob-vcf .address .form_row:nth-child(8) {
    display: none;
}
#cob-vcf .upload.section + .text.section {
    background-color: transparent;
}
#cob-vcf .upload.section + .text.section::after {
    display: none;
}
.cob-vid {
    width: 90%;
    background-color: #37abd1;
    color: white;
    padding: 0.5em 0.8em;
    margin-right: 1em;
    margin-left: 2em;
    border-radius: 5em;
}
.cob-vid a {
	color: #fff !important;
    text-decoration: none !important;
    font-weight: normal !important;
}


@media (max-width: 640px) {

#cob-vcf * {
    font-size: 20px;
}
#cob-vcf .form_field_text {
    height: 2em;
}
#cob-vcf .upload.section label:first-letter, 
#cob-vcf .address .form_leftcollabel label:first-letter {
    margin-right: 0.5em;
}
#cob-vcf .upload.section label, 
#cob-vcf .address .form_leftcollabel label {
    margin-left: -2.5em;
    margin-bottom: 3em;
    font-size: 28px
}
#cob-vcf .upload.section,
#cob-vcf .address.section,
#cob-vcf .guideemail.section,
#cob-vcf .dropdown.section,
#cob-vcf .text.section {
    padding: 2em 1em 0 4.5em;
}
#cob-vcf .form_address_zip {
    padding-left: 0;
}
#cob-vcf .guideemail.section {
	margin-top: -0;
    margin-bottom: 0;
    padding-left: 6.5em;
	font-size: 14px;
}
#cob-vcf .text.section {
	margin-top: -3em;
    margin-bottom: 0;
    padding-left: 6.5em;
	font-size: 14px;
}
#cob-vcf .text.section::after {
    margin-right: 0.4em;
    font-size: 1.75em;
}
#cob-vcf .guideemail label {
    margin-bottom: 0;
}
#cob-vcf .guideEmail > input {
    height: 2em;
}
#cob-vcf .address .form_row {
    padding-bottom: 1.5em;
}
#cob-vcf .form_address_state {
    margin-bottom: 1.2em;
}
#cob-vcf .form_field_text#cob-vcf_cob-video-comment-form-state {
    width: 460px;
}
select#cob-vcf_subject {
    height: 2em;
}

	/* BOS Comments Form */
	.bos_forms input, .bos_forms select {
        width: 95% !important;
        height: 2em;
        font-size: 1.2em;
    }

    .bos_forms .form_row_description span {
    	margin-bottom:.7em;
    	font-size:medium;
    }

}

/* Reverse Bootstrap right margin for partop */
@media (max-width: 640px) {
	#content-area > .partop {
	    margin-right: -15px;
	}
}