/*
 Theme Name:  Haswell Child
 Theme URI:    http://themeforest.net/user/CMSSuperHeroes/portfolio
 Description:  In 2014, Creating a magazine website with WordPress has never been easier.
 Author:       Cmssuperheroes Team
 Author URI:   http://cmssuperheroes.com/
 Template:     wp_haswell
 Version:      1.0.0
 Tags:         black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
 Text Domain:  wp_haswell_child
*/


/*
-------------------------------------------------------------- */
body, .section-title {
	font-family: Lato !important;
}
.white {
    color: #fff !important; 
}

.testimonial-2 p, blockquote .small, blockquote footer, blockquote small {
    color: #fff !important;
}

.cms-counter-wraper h3 {
    color: #7e8082 !important;
}

.red-btn .cms-button {
    background-color: #dd3333;
    color: #fff;
}

.lato {
font-size: 18px;
color: #7e8082;
line-height: 20px;
text-align: left;
font-family:Lato;
font-weight:400;
font-style:normal
}

.red-btn .cms-button:hover {
    background-color: #ad2d2d !important;
    color: #fff !important;
}

.red-btn-text .cms-button {
    background-color: #fff;
    color: #e21a23;
    border: none;
}

.red-btn-text .cms-button:hover {
    border-color: #fff;
    border-radius: 2px;
    background-color: #e21a23;
    color: #fff;
}

.remove-separator-mb .vc_separator {
    margin-bottom: 0px;
}

.menu-headings {
    border: 1px solid #ccc;
    padding: 30px;
}

.menu-headings li {
    font-size: 18px;
    color: #7e8082;
    line-height: 20px;
    text-align: left;
    font-family: Lato;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    margin: 18px 0 13px 0;   
}

.menu-headings a {
    color: #7e8082;
}

.hero-home {
    min-height: 650px;
}

#content .wpb_content_element { 
    margin-bottom: 0px !important;
}

#content .wpb_content_element h5 {
    margin-top: 0px !important;
}

.logo-follow-option {
    max-width: inherit !important;
}



.menu-donate.current-menu-item a {
	color: #fff !important;
	padding-top: 13px !important;
}

#table-of-contents a:hover {
    color: #e21a23 !important;
}

.widget.gform_widget label, .widget.gform_widget .gform_wrapper .top_label .gfield_label {
    display: none !important;
}

.widget.gform_widget input[type=submit]{
    background: #e21a23;
    border-radius: 0;
    border: none;
    padding: 5px 20px;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px !important;
    -webkit-transition: all 0.4s ease 0s;
    -khtml-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;    
}

.widget.gform_widget input[type=submit]:hover {
    background: #535961;
}
.widget.gform_widget {
    margin-bottom: 0px;
}

.wpb_text_column p {
	margin-bottom: 10px !important;
}

.case-show-mobile {
	display: none;
}

#cshero-footer-top div.bold li a {
	font-weight: normal !important;
}

footer a:hover {
	color: #e21a23 !important;
}

.red-links a {
	color: #e21a23;
}

.red-links a:hover {
	color: #4b4e53;
}

.red-btn-text > a.cms-button {
    border-color: #fff !important;
    border-radius: 2px !important;
    background-color: #e21a23 !important;
    color: #fff !important;
}

.red-btn-text > a.cms-button {
	color: #fff !important;
}

.red-btn-text > a.cms-button:hover {
    border-color: #e21a23 !important;
    border-radius: 1px !important;
    background-color: #fff !important;
    color: #e21a23 !important;
}

.red-btn-text > a.cms-button:hover {
	color: #e21a23 !important;
}

.cms-blog-item .entry-footer ul a, .cms-blog-item .entry-footer ul span, .cms-blog-item .entry-footer ul i {
	display: none !important;
}


#cshero-header-logo a img {
    height: 64px !important;
    max-width: inherit !important;
}

.gform_wrapper .top_label .gfield_label {
	margin: 24px 0 0 0 !important;
}

.field_sublabel_below {
    text-transform: uppercase;
}

.gform_wrapper .ginput_complex label {
	font-weight: 400;
	letter-spacing: 0;
	text-transform: capitalize;
}

.gform_button.button {
	background: #e21a23 !important;
	padding: 20px 20px !important;
	height: 15px !important;
	line-height: 0px !important;
	color: #fff !important;
}

.main-navigation.in {
	height: 330px !important;
}

.main-navigation.in #menu-item-5078 {
	background-color: #e21a23 !important;
	height: 62px;
}

.main-navigation.in #site-navigation {
	overflow-y: visible;
}

.menu-donate a {
	background: #e21a23 !important;
	padding: 20px 20px !important;
	height: 15px !important;
	line-height: 0px !important;
	margin-top: 26px !important;
	color: #fff !important;
	border: 1px solid #e21a23;
}

.header-fixed .menu-donate a {
    margin-top: 19px !important;   
}


.red-btn-outline .cms-button {
    background-color: #fff;
    color: #e21a23;
}

.red-btn-outline .cms-button:hover {
    border-color: #e21a23;
    border-radius: 2px;
    color: #e21a23;
}

.white-hover .cms-button:hover {
	color: #fff;
}

#breadcrumb-text, #breadcrumb-text ul li a {
	font-weight: 400 !important;
}

footer input {
	color: #7e8082;
}

.cshero-footer-wrap p, .cshero-footer-wrap a {
	color: #7e8082;
}

.cshero-footer-wrap a:hover {
	color: #e21a23;
}

#page-title-text h1 {
	letter-spacing: 3px !important;
}

footer .wg-title, footer p, footer a {
	letter-spacing: 0.5px;
}

@media (min-width: 1024px){
	.menu-donate a:hover {
		background-color: #fff !important;
		color: #e21a23 !important;
		border: 1px solid #e21a23 !important;
	}
}

@media (min-width: 1024px) and (max-width: 1112px){
	#menu-item-5078 {
		display: none;
	}
}

@media (min-width: 1024px) and (max-width: 1250px){
	#cshero-header-logo a img {
		height: 40px !important;
	}
}

@media (min-width: 768px) and (max-width: 1260px){
	.vc_gitem-zone h4 {
    	font-size: 13px !important;
    	line-height: 18px;
   	}


}

@media(max-width: 1000px) {
	#cshero-header-logo a img {
	    height: 50px !important;
	    max-width: inherit !important;
	}	

	#cshero-header-navigation ul#menu-main-menu ul	{
		z-index: 2;
	}

	#cshero-header-navigation ul#menu-main-menu li {
		z-index: 2;
		background-color: #4b4e53;
	}

	#cshero-header-navigation ul.submenu-open li {
		background-color: #3e4045 !important;
	}
}

@media (max-width: 500px){
	#breadcrumb-text ul.breadcrumbs	{
		text-align: left;
	}

	body.custom-padding-top #page-title	{
		padding-top: 100px !important;
	}

	.entry-content > .vc_row-fluid .vc_row-fluid {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	.vc_column_container {
		padding: 0 15px !important;
	}

	.cms-row-full-width > .no-container > .row > .vc_column_container {
		padding: 0 !important;
	}

	.menu-donate {
		margin-top: -20px !important;
	}

	.rev_slider_wrapper {
		background-position: 75% !important;
		background-image: url('/wp-content/uploads/2016/04/homepage-slide-1-mobile.jpg') !important;
	}

	.case-legal-actions-related .vc_gitem-zone {
		height: 140px;
	}

	.case-hide-mobile {
		display: none;
	}

	.case-show-mobile {
		display: block;
	}

	.case-remove-padding-mobile .vc_col-sm-12, .case-remove-padding-mobile {
		padding: 0 !important;
	}

	.case-remove-margin-mobile.vc_row-fluid.vc_row-fluid {
		margin: 0 !important;
	}

	footer .widget, .cshero-footer-wrap p {
		text-align: center;
	}

	.wpb_revslider_element #rev_slider_8_1_wrapper {
		background-position: 65% 50% !important;
	}

	.btn-full-mobile .cms-button-wrap a, .btn-full-mobile .cms-button-wrap button {
		width: 100%;
	}

	#menu-item-5078 {
		background-color: #e21a23;
		height: 62px;
	}

	#site-navigation {
		overflow-y: visible;
	}

	.main-navigation.in {
		height: 330px !important;
	}

	#cshero-header-logo a img, #cshero-header-logo a img.fixed-header {
	    height: 40px !important;
	}

}