/*
Theme Name: Center for Civic Design theme
Theme URI: http://centerforcivicdesign.org/
Description: Custom theme for Center for Civic Design.
Author: Milenko Subotic
Author URI: https://rs.linkedin.com/in/suboticmilenko
Version: 1.0
*/


* { margin: 0; padding: 0; box-sizing:border-box; }
html, body { position:relative; }
html{ font-size:10px; }
body { background: white; font-size:10px; font-family: 'Source Sans Pro', sans-serif;}
#content_wrap.nav_comp{
    padding-top:160px;
}
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

h1, h2, h3 { font-weight: normal; margin: 0; }
h1 { }
h2 { }
h3 { }

p { margin: 0; }
a { color: #359ed0; }
a:hover { }

a img {border:0;}

blockquote {
    padding: 0 40px;
}
blockquote p { }

ul, ol { margin: 0; }

.post { }

.entry { }
.entry a { }
.entry a:hover { }

pre { }
code, tt { }

hr{
    margin: 15px 0;
}

hr.hr_solid {
    margin-top: 1.5em;
    margin-bottom: 0.1em;
    border-style: solid;
    border-width: 2px;
    color: #797c80;
}

hr.hr_dashed {
    margin-top: 1em;
    margin-bottom: 1em;
    border-style: dashed;
    border-width: 1px;
    color: #9ea1a6;
}

/*          Grid stylesheets        */

.row{
    width:100%;
    clear:both;
}

.row:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.boxed{
    width:100%;
    max-width:1280px;
    clear:both;
    margin:0 auto;
}

.columns{
    float:left;
    box-sizing:border-box;
    overflow:hidden;
    margin:0;
}

.column_3{
    width:25%;
}

.column_6{
    width:50%;
}

.column_9{
    width:75%;
}

.column_12{
    width:100%;
}

.columns img{
    max-width:100%;
    height:auto;
}

.guides_grid .columns:nth-child(4n+1){
    clear:left;
}

/*            Color styles          */

.blue{
    background-color:#359ed0;
}

.grey{
    background-color:#ecedef;
}


/*             Header stylesheets       */

#header{
    background:#fff;
    z-index: 10;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    position:relative;
}

#header.nav-sticky{
    position:fixed;
    top:0;
}

#header .boxed{
    padding:48px 80px;
}

#header.nav-sticky .boxed{
    padding:28px 80px;
}

#ccd_logo{
    display:inline-block;
}

#ccd_logo_cmp{
    display:none;
}

#header.nav-sticky #ccd_logo{
    display:none;
}

#header.nav-sticky #ccd_logo_cmp{
    display:inline-block;
}

#ccd_logo img{
    max-width:200px;
    height:auto;
    border:0;
}

#nav_toggle{
    display:none;
}

#main_nav{
    float:right;
    padding:15px 0;
    position:relative;
}

#header.nav-sticky #main_nav{
    float:right;
    padding:0;
}

#main_nav ul{
    list-style:none;
    padding:0;
    margin:0;
    float:left;
}

#main_nav ul li{
    display:inline-block;
    z-index:1;
}

#main_nav ul li a{
    color:#66727f;
    font-size:2rem;
    font-weight:600;
    text-decoration:none;
    padding:0 22px;
    z-index:1;
    position:relative;
}

#main_nav ul li a:hover,
#main_nav ul li.current-menu-item a{
    color:#359ed0;
}

#main_nav ul li:last-child a{
    padding:0 0 0 22px;
}

.search_form_toggle{
  float: right;
  padding: 5px 0 0 42px;
  z-index:2;
  position:relative;
}

.search_form_toggle img{
    max-width:16px;
    cursor:pointer;
}

#search_form_wrap,
#search_form_wrap form{
    opacity:0;
    z-index:-1;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

#search_form_wrap.formOpen{
    opacity:1;
    z-index:2;
    position:relative;
}
#search_form_wrap.formOpen form{
    opacity:1;
    z-index:2;
}


#search_form{
    position: absolute;
    padding:0 0  0px 22px;
    width: 100%;
    background: #fff;
}

#search_form fieldset{
    width:85%;
    float:left;
}

#search_form input{
    -webkit-appearance: none;
}

#search_form label{
    float:left;
    font-size:1.8rem;
    font-weight:600;
    color: #66727f;
    width:70px;
    display:inline-block;
}

#search_form input[type="text"]{
    border: 1px solid #D2D2D2;
    outline: 0;
    color: #4E5761;
    font-size: 1.8rem;
    padding: 2px;
    width:85%;
}

#search_link{
    float:left;
    display:block;
    color:#66727f;
    width:18px;
    height:18px;
    padding:0px;
        margin: 5px 0 0 0;
    box-sizing:initial;
    text-indent:-10000px;
    overflow:hidden;
    text-decoration:none;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    border:0;
    opacity:0.8;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}

#search_link:focus{
    border:0;
    outline:0;
}

#search_link:hover{
    opacity:1;
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

#search_link_mob{
        display:none;
    }

#search_close{
    position: relative;
    top: 6px;
    opacity:0;
    cursor:pointer;
    z-index:0;
}

#search_form_wrap.formOpen #search_close{
    position:absolute;
    right:-10px;
    opacity:1;
    color: #66727f;
    text-decoration:none;
    z-index:3;
}



/*              Landing page stylesheets            */

.big_feature{
    padding:80px 0;
}

.big_feature .column_6:first-child{
    padding:0 0 0 160px;
}

.big_feature h1{
    font-size:4.3rem;
    color:#fff;
    margin:10px 0;
    font-weight:600;
    letter-spacing:1px;
    line-height: 1.2em;
}

.big_feature p{
    font-size:2.9rem;
    color:#fff;
    margin:0;
}

.big_feature img{
    margin:0 auto;
    display:block;
    float:right;
}

.big_feature .post_date{
    color:#fff;
    margin-bottom:20px;
    font-size:2.1rem;
}

.big_feature .post_date a,
.big_feature .read_more,
.title_link{
    color:#fff;
    text-decoration:none;
}

.big_feature .read_more{
    margin:30px 0 0 0;
    font-size:2.6rem;
    display:block;
}

.articles_grid .columns{
    position:relative;
    padding:80px 0 80px 80px;
    background-color:#ecedef;
}


.articles_grid .article_wrap{
    float:left;
    width:50%;
    margin:0 14% 0 0;
    color:#4E5761;
}

.articles_grid .article_wrap a{
    color:#4E5761;
    text-decoration:none;
}

.articles_grid img{
    width:36%;
}

.articles_grid .article_wrap h2{
    color:#66727f;
    font-size:3.6rem;
    line-height:1em;
    font-weight:600;
    margin:0 0 10px 0;
}

.articles_grid .article_wrap p{
    font-size:1.8rem;
    margin:0;
    color:#66727f;
}

.articles_grid .article_wrap p.post_date{
    margin:0 0 15px 0px;
}

.wrap_row {
    clear:both;
    width:100%;
}

.wrap_row.even_row{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ecedef+0,ecedef+50,ffffff+50,ffffff+100 */
background: #ecedef; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZWRlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2VjZWRlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #ecedef 0%, #ecedef 50%, #ffffff 50%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ecedef), color-stop(50%,#ecedef), color-stop(50%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #ecedef 0%,#ecedef 50%,#ffffff 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #ecedef 0%,#ecedef 50%,#ffffff 50%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #ecedef 0%,#ecedef 50%,#ffffff 50%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to right,  #ecedef 0%,#ecedef 50%,#ffffff 50%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecedef', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */
}

.wrap_row.odd_row{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,ecedef+50,ecedef+100 */
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2VjZWRlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2VkZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 50%, #ecedef 50%, #ecedef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(50%,#ecedef), color-stop(100%,#ecedef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 50%,#ecedef 50%,#ecedef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #ffffff 0%,#ffffff 50%,#ecedef 50%,#ecedef 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #ffffff 0%,#ffffff 50%,#ecedef 50%,#ecedef 100%); /* IE10+ */
background: linear-gradient(to right,  #ffffff 0%,#ffffff 50%,#ecedef 50%,#ecedef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ecedef',GradientType=1 ); /* IE6-8 */
}

.wrap_row.odd_row .boxed > a:nth-child(odd) .columns
{
    background-color:#fff;
}

.wrap_row.even_row .boxed > a:nth-child(even) .columns
{
    background-color:#fff;
}



/*          Single page stylesheets     */

.single,
.page,
.archive,
.error404,
.search-results{
    background:url(images/single_bg.png) repeat-x #fff;
}

.boxed.single_wrap,
.boxed.page_wrap
{
    padding:80px 6.5% 0 6.5%;
}

.boxed.single_wrap .column_9,
.boxed.page_wrap .column_9,
.boxed.page_wrap .column_12
{
    background:#fff;
    padding:80px 80px 0 80px;
}

.boxed.single_wrap .column_3,
.boxed.page_wrap .column_3{
    padding:0 0 0 3.571428571428571%;
}

.article_content{
    font-size:1.8rem;
    color:#4E5761;
    position:relative;
    padding:0 0 20px 0;
}

.article_content h1{
    font-size: 3.6rem;
    color: #4E5761;
    margin:0 0 26px 0;
    font-weight:600;
}

.article_content h2{
    font-size:2.4rem;
    color:#4E5761;
    margin:0 0 19px 0;
}

.article_content a h2{
    color:inherit;
}

.article_content p{
    font-size:1.8rem;
    color:#4E5761;
    margin: 0 0 17px 0;
}

.article_content p.intro{
    font-size:2rem;
    line-height: 130%;
}

.article_content ul, .article_content ol{
    padding:0px 0 15px 20px;
}

.article_content a{
  padding: 0;
  margin: 0;
  list-style: none;
  color: #359ed0;
  text-decoration: none;
}






/*          Sidebar stylesheets     */


.feature_img_wrap{
    min-height:236px;
    margin-bottom:40px;
    overflow:hidden;
    max-height:236px;
}

.single_date_wrap{

}

aside{
    padding: 0 0 241px 0px;
}

.widget{
    margin:0 0 30px 0;
    font-size:1.5rem;
    color: #555759;
}

.widget h2{
    color:#555759;
    font-size:1.5rem;
    margin: 0 0 10px 0;
    font-weight:bold;
}

.widget p{
    color:#555759;
    font-size:1.5rem;
    margin:0 0 15px 0;
}

.widget ul{
    padding:0;
    margin:0;
    list-style:none;
}

.widget .tips_inner ul{
    padding:0 0 0 15px;
    list-style:initial;
}

.widget .tips_inner ul li{
    margin: 0 0 15px 0;
}

.widget a{
    padding:0;
    margin:0;
    list-style:none;
    color:#359ed0;
    text-decoration:none;
}

.related-articles-list li{
  margin:0 0 7px 0;
}

/*			Footer stylesheets		*/

#blue_bar{
    background:#359ed0;
    width:100%;
    height:320px;
    margin-top:-240px;
}

#footer{
    background-color:#66727f;
    padding:60px 6.25% 130px 12.5%;
    color:#fff;
    font-size:1.8rem;
    }

#footer .column_left{
    width:38.461538%;
}

#ccd_logo_footer img{
    max-width:160px;
    height:auto;
}

#footer .column_right{
    padding-top:4px;
    width:61.538462%;
}

.column_2_8{
    width:25%;
}

.column_2_8 a.twitter_icn {
    margin-right:20px;
    display:inline-block;
}

.column_2_8 a.twitter_icn,
.column_2_8 a.slideshare_icn {
    width:45px;
    height:45px;
    display:inline-block;
    background-image:url('images/social_media.png');
    background-size:90px 90px;
}

.column_2_8 a.slideshare_icn{
    background-position:-45px 0px;
}

.column_2_8 a.twitter_icn:hover{
    background-position:0 -45px;
}

.column_2_8 a.slideshare_icn:hover{
    background-position:-45px -45px;
}


.column_2_8 a img{
    width:45px;
    height:45px;
}

.column_3_8{
    width:37.5%;
}

.column_3_8 p{
    margin:0;
}

#footer .column_3_8:last-child p{
    float:right;
    font-size: 1.3rem;
}

.column_3_8 strong{
    font-weight:600;
    margin: 0 10px 0 0;
    display:inline-block;
}

#footer .column_3_8{
    font-size:1.65rem;
    letter-spacing:1px;
}

#footer .column_3_8:last-child{
    font-size:1.2rem;
}

#footer_nav ul{
    display:inline-block;
    list-style:none;
    margin:0;
    padding:0 0 54px 0;
}

#footer_nav ul li{
    display:inline-block;
    margin-right:52px;
}

#footer_nav ul li:last-child{
     margin-right:0px;
}

#footer_nav ul li a{
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 2rem;
}

#footer_nav a{
    color:#fff;
}

#footer a{
    color:#fff;
    text-decoration:none;
}

#footer a:hover{
    color: #359ed0;
}



#meta { }
.postmetadata { }

#sidebar { }

.navgation { }
   .next-posts { }
   .prev-posts { }

#searchform { }
	#s { }
	#searchsubmt { }

/*      Field Guides page       */

.guides_grid .boxed > .column_3 {
  padding: 30px 0 0 3.571428571428571%;
}

.guides_grid .boxed  .row  .column_3 {
  padding: 30px 0 30px 2.571428571428571%;
}

.guides_grid .article_wrap h2,
.guides_grid .article_wrap a{
  font-size: 1.8rem;
  color: #359ed0;
  text-decoration:none;
  font-weight:600;
}

.guides_grid .article_wrap a p{
    color:#333;
    font-size: 1.6rem;
    margin:15px 0 0 0;
}

/*       Single field guide page    */

.single_fg h2{
    color:#3A4048;
    margin: 0;
    font-size:1.8rem;
    font-weight:600;
}

.article_content h3,
.single_fg h3{
    color:#3A4048;
    font-size:2.6rem;
    margin:0 0 15px 0;
}

/* Field Guide Number */
.single_fg p.fg_num{
    color:#1d2024;
    margin: 0;
    font-size:1.8rem;
    font-weight:600;
}

/* Main Guideline darker grey */
.single_fg h2.guideline{
    color:#1d2024;
    margin: 0 0 6px 0;
    font-size:3.6rem;
    font-weight:600;
}

/* Guidelines text from right page */
.single_fg p.fg_guideline{
    color:#1d2024;
    margin: 0 0 15px 0;
    font-size:2.1rem;
}

/* H3 and text for before or avoid  - lighter grey */
.single_fg h3.fg_before_head{
    color:#626a79;
    font-size:2.0rem;
    margin:12px 0 9px 0;
    font-weight:600;
}

.single_fg p.fg_before_text,
.single_fg ul.fg_before_text,
.single_fg ol.fg_before_text{
    color:#626a79;
    font-size:1.8rem;
    margin:0 0 15px 0;
}

/* H3 and text for after or use  - normal text color */
.single_fg h3.fg_after_head{
    color:#1d2024;
    font-size:2.0rem;
    margin:12px 0 9px 0;
    font-weight: 600;
}

.single_fg p.fg_after_text,
.single_fg ul.fg_after_text,
.single_fg ol.fg_after_text{
    color:#1d2024;
    font-size:1.8rem;
    margin:0 0 15px 0;
}


/* == WordPress WYSIWYG Editor Styles == */

.entry-content img {
	margin: 0 0 1.5em 0;
	}
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
	}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
	}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	}
.alignnone, img.alignnone {
	/* not sure about this one */
	}
.wp-caption {
	margin-bottom: 1.5em;
	text-align: center;
	padding-top: 5px;
	}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
	}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 10px;
	margin: 0;
	}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
	}

.article_content  .wp-caption{
    max-width:100%;
}

.wp-caption-text:before{
    content:"";
    display:inline-block;
    width:102%;
    margin:5px 0 8px -1%;
    border-top: 4px solid #d9dcdf;
}

.article_content p.wp-caption-text{
    text-align:left;
    font-size:1.5rem;
    color:#797c80;
}

blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
	}

blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
	}
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}

.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}

/*      Comments        */

h2#comments{
    font-size:2.4rem;
    color:#4E5761;
    margin-bottom:15px;
}

#respond h2{
    color:#4E5761;
    font-weight:600;
    font-size:2.4rem;
    margin:15px 0 15px 0;
}

.comment-footer .author{
    margin-bottom:15px;
}

ol.commentlist > li{
    margin-bottom:15px;
}

ol.commentlist,
ol.children
{ list-style: none; font-size:1.8rem; color:#b2b8bf;}
ol.children{ padding:15px 0 0 30px; font-size:1.6rem;}
ol.commentlist li { }
ol.commentlist li.comment div.reply a ,
ol.commentlist li a{font-size:1.8rem; color:#359ed0; text-decoration:none; font-weight:normal;}
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { }
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 {  }
ol.commentlist li.comment div.comment-meta a {  }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { }
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 { }

fieldset{
    border:0;
    outline:0;
    display:inline;
}

fieldset.name_wrap{
    margin-right:14px;
}

#commentform{
    padding:0 0 80px 0;
}

#commentform input[type="text"]{
    width:100%;
    display:inline;
    background-color:#eff1f2;
    border:0;
    outline:0;
    margin: 0 0 15px 0;
    height:42px;
    padding:10px;
}

#commentform input[type="email"]{
    width:100%;
    display:inline;
    background-color:#eff1f2;
    border:0;
    outline:0;
    height:42px;
    padding:10px;
}

#commentform textarea {
    width:100%;
    background-color:#eff1f2;
    border:0;
    outline:0;
    padding:10px;
    height:100px;
    resize:none;
    font-family:'Source Sans Pro', sans-serif;
    margin:0;
}

#commentform input[type="submit"]{
    background:#359ed0;
    color:#fff;
    float:right;
    border:0;
    outline:0;
    width:88px;
    height:40px;
    text-align:center;
    font-size:1.8rem;
    cursor:pointer;
    margin:0;
}

::-webkit-input-placeholder { color:#d2d6d9; }
::-moz-placeholder { color:#d2d6d9; } /* firefox 19+ */
:-ms-input-placeholder { color:#d2d6d9; } /* ie */
input:-moz-placeholder { color:#d2d6d9; }


@media only screen and (max-width: 1280px) {
    .big_feature img {
        margin: 0 -27px 0 0;
        display: block;
        float: right;
    }

    #search_form input[type="text"] {
    width: 80%;
    }

    #main_nav ul li a {
      padding: 0 12px;
    }

    #main_nav ul li:last-child a {
        padding: 0 0 0 12px;
    }
}

@media only screen and (max-width: 999px) {
    .big_feature img {
        margin: 27px -27px 0 0;
    }

    .big_feature h1{
        font-size:3.6rem;
    }

    .big_feature p{
        font-size:1.8rem;
    }

    #search_form input[type="text"] {
    width: 70%;
    }

    .search_form_toggle {
      padding: 5px 0 0 15px;
    }


}

@media only screen and (max-width: 950px) {
    #main_nav ul li a{
        font-size:1.7rem;
        padding: 0 12px;
    }

    #search_form label{
        font-size:1.7rem;
    }

    #main_nav ul li:last-child a {
        padding: 0 0 0 12px;
    }

    .search_form_toggle {
      padding: 5px 0 0 15px;
    }

    #ccd_logo img {
        max-width: 166px;
    }
}



@media only screen and (max-width: 850px) {

    #ccd_logo img {
        max-width: 150px;
    }

    #main_nav ul li a {
      padding: 0 8px;
    }

    #main_nav ul li:last-child a {
        padding: 0 0 0 8px;
    }
}

/*          Mobile screens mediia query     */

@media only screen and (max-width: 769px) {
    html{
	font-size:10px;
    }

    body.menu_active{
        overflow:hidden;
    }

    #header .boxed {
      padding: 22px 32px;
    }

    #ccd_logo img {
        max-width: 120px;
    }


    #nav_toggle{
        display:block;
        width:32px;
        height:26px;
        margin: 4px 0;
        position:relative;
        float:right;
        cursor:pointer;
    }

    #nav_toggle .bars {
        display:block;
        height:3px;
        width:32px;
        position:absolute;
        background:#359ed0;
        -webkit-transition: all 200ms ease-in-out .2s;
        -moz-transition: all 200ms ease-in-out .2s;
        -o-transition: all 200ms ease-in-out .2s;
        transition: all 200ms ease-in-out .2s;
    }

    #nav_toggle .top_bar{
        top:0;
        left:0;
    }

    #nav_toggle .mid_bar{
        top:12px;
        left:0;
        -webkit-transition: all 300ms ease-in-out  0s;
        -moz-transition: all 300ms ease-in-out  0s;
        -o-transition: all 300ms ease-in-out  0s;
        transition: all 300ms ease-in-out  0s;
    }

    #nav_toggle .bottom_bar{
        bottom:0;
        left:0;
    }

    #nav_toggle.active .top_bar{
        top:11px;
        left:0;
        -ms-transform: rotate(45deg); /* IE 9 */
        -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
        transform: rotate(45deg);
    }

    #nav_toggle.active .mid_bar{
        top:11px;
        left:0;
        -ms-transform: rotate(45deg); /* IE 9 */
        -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
        transform: rotate(45deg);
    }

    #nav_toggle.active .bottom_bar{
        bottom:12px;
        left:0;
        -ms-transform: rotate(-45deg); /* IE 9 */
        -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
        transform: rotate(-45deg);
    }

    #main_nav{
        position:fixed;
        width:100%;
        height:100%;
        top:135px;
        bottom:0;
        left:100%;
        background:#359ed0;
        z-index:1000;
        -webkit-transition: all 300ms ease-in-out  .3s;
        -moz-transition: all 300ms ease-in-out  .3s;
        -o-transition: all 300ms ease-in-out  .3s;
        transition: all 300ms ease-in-out  .3s;
    }

    #main_nav.active{
        left:0;
    }

    #main_nav ul li{
        display:block;
        width:100%;
        padding:0;
    }

    #main_nav ul li a{
        width:100%;
        color:#fff;
        display:block;
        font-size:3rem;
        padding:20px 30px;
    }

    #main_nav ul li:last-child a {
      padding: 20px 30px;
    }

    #main_nav ul li a:hover, #main_nav ul li.current-menu-item a {
      color: #DAE5EF;
    }

    #search_close,
    .search_form_toggle{
        display:none;
    }

    #search_form_wrap {
        opacity: 1;
        z-index: 1;
    }

    #search_form{
        float: none;
        padding: 20px 0 0 30px;
        width: 100%;
        position:fixed;
        width: 100%;
        height:65px;
        top:90px;
        bottom:0;
        left:100%;
        z-index:1000;
          background: #359ed0;
        -webkit-transition: all 300ms ease-in-out  .3s;
        -moz-transition: all 300ms ease-in-out  .3s;
        -o-transition: all 300ms ease-in-out  .3s;
        transition: all 300ms ease-in-out  .3s;
    }

    .menu_active #search_form{
        left:0;
    }

    #search_form_wrap, #search_form_wrap form{
      opacity:1;
    }

    #search_form fieldset{
        width:100%;
    }

    #search_form label {
        float: left;
        font-size: 2.3rem;
        color: #fff;
        width: 80px;
        display: inline-block;
    }

    #search_form input[type="text"] {
      border: 1px solid #BEBEBE;
      outline: 0;
      color: #4E5761;
      font-size: 2rem;
      padding: 2px;
      width: 53%;
    }

    #search_link,
    #search_link_mob{
        height:24px;
        width:24px;
        margin: -24px 31px 0 0;
        float:right;
    }
    #search_link_mob{
        display:block;
    }

    #search_link{
        display:none;
        color:#fff;
    }

    fieldset{
        width:220px;
    }

    .column_6,
    .column_3,
    .column_9,
    .column_12
    {
    width:100%;
    }

    .articles_grid .column_6{
        width:50%;
    }

    .boxed.single_wrap, .boxed.page_wrap {
	padding: 10px;
      }

    #blue_bar{
	display:none;
    }

    aside {
      padding: 0 ;
    }

    .big_feature {
        padding: 20px;
    }

    .big_feature .column_6:first-child {
	padding:10px;
    }

    .big_feature .column_6 {
	margin: 20px 0;
    }

    .big_feature .columns img{
        margin:0 auto;
        max-width:98%;
        float:none;
        display:block;
    }

    .articles_grid .columns{
	padding: 40px 0 40px 5%;
    }

    .feature_img_wrap {
	min-height: 0px;
	margin-bottom: 20px;
	overflow: hidden;
	max-height: initial;
      }

    .boxed.single_wrap .column_9, .boxed.page_wrap .column_9, .boxed.page_wrap .column_12 {
	padding: 40px 20px 0 20px;
    }


    .articles_grid .article_wrap p{
	margin-bottom:20px;
    }

    #footer .column_left,
    #footer .column_right{
	width:100%;
    }

    #footer_nav ul,
    #footer_search_link{
	display:none;
    }

    .column_2_8,
    .column_3_8{
	width: 100%;
	margin:10px 0;
    }

    #footer {
	padding: 20px;
      }

    #footer .column_3_8 {
      font-size: 1.8rem;
    }
    .guides_grid .boxed .row .column_3{
	padding:20px;
    }

    .guides_grid .article_wrap h2, .guides_grid .article_wrap a{
	font-size: 2rem;
    }

    .guides_grid .column_3:nth-child(even){
	background-color:#ecedef;
    }

    .guides_grid .boxed > .column_3:last-child{
	background-color:#fff;
    }


}

@media only screen and (max-width: 480px) {

    body, html{
        font-size:8px;
    }

    #main_nav ul li:last-child a {
        padding: 20px 30px;
    }

    #search_form label{
          width: 72px;
    }

    #search_form input[type="text"] {
        width: 53%;
    }


    .big_feature .columns img,
    .big_feature .column_6:last-child{
        display:none;
    }

    .articles_grid .boxed > a:nth-child(1) .columns,
    .articles_grid .boxed > a:nth-child(4) .columns,
    .articles_grid .boxed > a:nth-child(5) .columns,
    .articles_grid .boxed > a:nth-child(8) .columns,
    .articles_grid .boxed > a:nth-child(9) .columns,
    .articles_grid .boxed > a:nth-child(12) .columns,
    .articles_grid .boxed > a:nth-child(13) .columns,
    .articles_grid .boxed > a:nth-child(16) .columns,
    .articles_grid .boxed > a:nth-child(17) .columns,
    .articles_grid .boxed > a:nth-child(20) .columns,
    .articles_grid .boxed > a:nth-child(21) .columns,
    .articles_grid .boxed > a:nth-child(24) .columns,
    .articles_grid .boxed > a:nth-child(25) .columns,
    .articles_grid .boxed > a:nth-child(28) .columns,
    .articles_grid .boxed > a:nth-child(29) .columns,
    .articles_grid .boxed > a:nth-child(32) .columns,
    .articles_grid .boxed > a:nth-child(33) .columns,
    .articles_grid .boxed > a:nth-child(36) .columns,
    .articles_grid .boxed > a:nth-child(37) .columns,
    .articles_grid .boxed > a:nth-child(40) .columns,
    .articles_grid .boxed > a:nth-child(41) .columns,
    .articles_grid .boxed > a:nth-child(44) .columns,
    .articles_grid .boxed > a:nth-child(45) .columns,
    .articles_grid .boxed > a:nth-child(48) .columns,
    .articles_grid .boxed > a:nth-child(49) .columns,
    .articles_grid .boxed > a:nth-child(52) .columns,
    .articles_grid .boxed > a:nth-child(53) .columns,
    .articles_grid .boxed > a:nth-child(56) .columns,
    .articles_grid .boxed > a:nth-child(57) .columns,
    .articles_grid .boxed > a:nth-child(60) .columns,
    .articles_grid .boxed > a:nth-child(61) .columns,
    .articles_grid .boxed > a:nth-child(64) .columns,
    .articles_grid .boxed > a:nth-child(65) .columns,
    .articles_grid .boxed > a:nth-child(68) .columns,
    .articles_grid .boxed > a:nth-child(69) .columns,
    .articles_grid .boxed > a:nth-child(72) .columns,
    .articles_grid .boxed > a:nth-child(73) .columns,
    .articles_grid .boxed > a:nth-child(76) .columns,
    .articles_grid .boxed > a:nth-child(77) .columns,
    .articles_grid .boxed > a:nth-child(80) .columns
    {
	background-color:#ecedef;
    }

    .articles_grid .boxed > a:nth-child(odd) .columns{
	background-color:#fff;
    }

    .articles_grid .column_6{
        width:100%;
    }

    .articles_grid .article_wrap{
        width:70%;
        margin: 0 5% 0 0;
    }

    .articles_grid img {
        width: 50%;
        margin-right: -50%;
      }

    .single, .page, .archive, .error404, .search-results{
        background: #fff;
    }


}


@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; }
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; }
a { text-decoration: none; color: black; }

} /* END print media */