/*
Theme Name: City Scope
Theme URI: http://wordpress.org/themes/cityscope
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. City Scope supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: the Spectruss team
Author URI: http://spectruss.com
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, white, two-columns, fixed-layout, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu, flexible-header
Text Domain: cityscope
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
@media (max-width: 767px) {
	#single-resource .page_header { height: auto !important; min-height: auto !important; }
	.cs_article { margin: 0 !important; }
	.cs_article .slider { margin: 1em 0 !important; }
}
.single article ul, .single article ol { font-size: 1.5em; line-height: 1.38; font-family: 'GothamBook'; margin-bottom: 14px; }
.single article ul li, .single article ol li { margin-bottom: 4px; }
.single article ul li:before { content: "\2022"; margin-right: 6px; display: inline-block; }
.nav_magazines .magazine_menu li a img { -webkit-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); }
.nav_magazines .magazine_menu li a:hover img { -webkit-filter: none; -moz-filter: none; filter: none; }
p.wp-caption-text {
    margin-top: 10px !important;
    text-align: center;
}
@media (max-width: 991px) and (min-width: 768px) {
	.slide_header .slides .slide_item { height: 450px !important; }
}
@media (max-width: 767px) and (min-width: 351px) {
	.slide_header .slides .slide_item { height: 250px !important; }
}
@media (max-width: 350px) {
	.slide_header .slides .slide_item { height: 210px !important; }
}
@media (max-width: 500px) {
	.latest_posts .blog_titles { display: none !important }
	.latest_posts .blog_featureds { width: 100% !important; height: 300px; display: block; }
	.header_fixed .logo { padding: 7px 5px !important }
}

.hs_article .slider .slide_item {
	position: relative;
}

span.caption-slide-img {
    z-index: 1000;
    color: #fff;
    font-size: 24px;
    font-style: italic;
    position: absolute;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 10px 10px;
    bottom: 3%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

/*********/
  .subscribe_form_contact_us form p input{border: 2px solid #000;border-radius: 0;width: 100%;padding: 5px 8px;}
  .subscribe_form_contact_us form p.text-center{margin: 10px auto;width: 100%;}
  .subscribe_form_contact_us form p.text-center input[type="submit"]{font-size: 1em; width: 250px;}
  
/*********/
.subscribe_form_contact_us form p{display: inline-block;}
@media screen and (min-width: 1101px) and (max-width: 1180px) {.subscribe_form_contact_us form p{width: 33.145%;}}
@media screen and (min-width: 1181px) {.subscribe_form_contact_us form p{width: 33.161%;}}
@media screen and (min-width: 1023px) and (max-width: 1100px) {.subscribe_form_contact_us form p{width: 33.130%;}}
@media screen and (min-width: 629px) and (max-width: 767px) {.subscribe_form_contact_us form p{width: 33.08%;}}
@media screen and (min-width: 501px) and (max-width: 628px) {.subscribe_form_contact_us form p{width: 33%;}}
@media screen and (min-width: 768px) and (max-width: 779px) {.subscribe_form_contact_us form p{width: 33.06%;}}
@media screen and (min-width: 780px) and (max-width: 1022px) {.subscribe_form_contact_us form p{width: 33.06%;}}
@media screen and (max-width: 500px){.subscribe_form_contact_us form p{width: 100%;}}
@media screen and (min-width: 501px) {
  .subscribe_form_contact_us form p span.wpcf7-not-valid-tip 
  {
    color: #f00;
    position: absolute;
    font-size: 1em;
    width: 300px;
    float: none;
    font-weight: normal;
    display: block;
}
  .subscribe_form_contact_us form p input{border: 2px solid #000;border-radius: 0;width: 100%;padding: 5px 8px;}
  .subscribe_form_contact_us form p.text-center{margin: 10px auto;width: 100%;}
  .subscribe_form_contact_us form p.text-center input[type="submit"]{font-size: 1em}
  .contact_form.contact_form_new .form_left{width: 49%;float: left;}
  .contact_form.contact_form_new .form_right{width: 49%;float: right;}
}
.subscribe_form_contact_us{margin-top: 20px;}
.contact_form.contact_form_new  div.wpcf7 .wpcf7-form .wpcf7-form-row .wpcf7-form-control-wrap.first-name{width: 100%;float: none;}
.contact_form.contact_form_new  div.wpcf7 .wpcf7-form .wpcf7-form-row .wpcf7-form-control-wrap.last-name{width: 100%;float: none;}

/*********/
.contact_form.contact_form_new  div.wpcf7 .wpcf7-form .wpcf7-form-row .wpcf7-form-control-wrap input{outline: none;}
.contact_form.contact_form_new  div.wpcf7 .wpcf7-form .wpcf7-form-row .wpcf7-form-control-wrap textarea{height: 211px;}
.contact_form.contact_form_new div.wpcf7 .wpcf7-form div.form_left .wpcf7-form-row{height: 45px}
@media (min-width: 320px) and (max-width: 500px) 
{
  .contact_form.contact_form_new div.wpcf7 .wpcf7-form div.form_left .wpcf7-form-row{height: auto;}

}
@media (min-width: 501px) and (max-width: 767px) 
{
  .contact_form.contact_form_new  div.wpcf7 .wpcf7-form .wpcf7-form-row .wpcf7-form-control-wrap textarea{height: 165px;}
  .contact_form.contact_form_new div.wpcf7 .wpcf7-form div.form_left .wpcf7-form-row{height: 35px}
}
@media (min-width: 768px) and (max-width: 992px) 
{
  .contact_form.contact_form_new  div.wpcf7 .wpcf7-form .wpcf7-form-row .wpcf7-form-control-wrap textarea{height: 200px;}
  .contact_form.contact_form_new div.wpcf7 .wpcf7-form div.form_left .wpcf7-form-row{height: 45px}
}
@media (min-width: 993px) and (max-width: 1023px) 
{
  .contact_form.contact_form_new  div.wpcf7 .wpcf7-form .wpcf7-form-row .wpcf7-form-control-wrap textarea{height: 200px;}
  .contact_form.contact_form_new div.wpcf7 .wpcf7-form div.form_left .wpcf7-form-row{height: 45px}
}
@media (min-width: 1024px) and (max-width: 1100px) 
{
  .contact_form.contact_form_new  div.wpcf7 .wpcf7-form .wpcf7-form-row .wpcf7-form-control-wrap textarea{height: 200px;}
  .contact_form.contact_form_new div.wpcf7 .wpcf7-form div.form_left .wpcf7-form-row{height: 45px}
}
@media (min-width: 1101px) and (max-width: 1200px) 
{
  .contact_form.contact_form_new  div.wpcf7 .wpcf7-form .wpcf7-form-row .wpcf7-form-control-wrap textarea{height: 210px;}
  .contact_form.contact_form_new div.wpcf7 .wpcf7-form div.form_left .wpcf7-form-row{height: 45px}
}

.subcribe-page-form form input.wpcf7-text{
	width: 100%;
	border: 1px solid #333;
	padding: 5px 10px;
}

.subcribe-page-form form input.wpcf7-submit{
	border: 1px solid #333;
	background: none;
	padding: 0.38em 1.5em;
        font-weight: 600;
}

.page-id-16579.wpcf7-form {
    padding: 20px 30px;
}

.page-id-16579 label {
	width:100%;
}

.page-id-16579 input.wpcf7-text {
    height: 50px;
    width: 100% !important;
	padding: 5px;
}

.page-id-16579 input.wpcf7-form-control.wpcf7-submit {
    background: #906931;
    border: none;
    padding: 15px 30px;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
	transition:0.4s;
}

.page-id-16579 input.wpcf7-form-control.wpcf7-submit:hover {
	background: #875f28;
	transition:0.4s;
}