/*
Theme Name:         MobileSyrup.com
Theme URI:          http://www.mobilesyrup.com
Description:        
Version:            1.2
Author:             MobileSyrup
Author URI:         http://www.mobilesyrup.com
Text Domain:        MobileSyrup

License:            MIT License
License URI:        http://opensource.org/licenses/MIT
*/

.header .header-fixed-container .header-container .top-nav-container .social-links .social {background-color: #f70f37;}

.header .header-fixed-container .header-container .main-nav-container .main-nav-desktop .main-nav-item.active {
  border-bottom:5px solid #f70f37;
}

.header .header-fixed-container .header-container .navigation-search-container {background:#f70f37;}

.home-section-title,
.home-blog-roll-container .home-blog-roll .br-sidebar .br-sidebar-custom-posts h3 {color: #f70f37;}

.home-blog-roll-container .home-blog-roll .br-sidebar .article-newsletter-signup,
.news-article-wrapper .news-sidebar .article-newsletter-signup,
.callout-a .callout-a-inner .callout-a-content {background-color: #f70f37;}
.callout-a .callout-a-inner .callout-button:hover, 
.callout-a .callout-a-inner .callout-a-content a:hover {color: #f70f37;}

.latest-articles-view-more a {color: #f70f37; border: 1px solid #f70f37;}
.latest-articles-view-more a:hover {color: #fff; background: #f70f37; border: 1px solid #f70f37;}

.sign-up #mc_embed_signup .button, #mc_embed_signup input.button {background-color: #f70f37 !important;}

/* category */
.browse-search-container .browse-search .wrapper .browse-search-submit {background: #f70f37;}

.category-color.news {background-color: #f70f37;}
.category-color.reviews {background-color: #009376;}
.category-color.features {background-color: #1d71f5;}
.category-color.resources {background-color: #fc32bf;}
.category-color.business {background-color: #efca2b;}
.category-color.syrupcast, .category-color.community {background-color: #70112a;}
.category-color.gaming {background-color: #6740e2;}
.category-color.sponsored {background-color: #000;}
.category-color.deals {background-color: #f47d41;}

/* about / contact */
.contact-form .submit-button, .learn-more-button {border: 1px solid #f70f37; color: #f70f37;}
.contact-form .submit-button:hover, .learn-more-button:hover {background: #f70f37;}

.about-bio-section .about-posts-link {color: #f70f37;}

.about-news-signup .sign-up #mc_embed_signup .button, #mc_embed_signup input.button { background-color: #f70f37; }

.social-feeds .social-column .tw-feed #ctf.ctf-styles .ctf-item .ctf-tweet-text a {color: #f70f37;}

/* articles */
.article-content blockquote, .article-content a {color: #f70f37;}

.article-pros-cons .pros-cons-container p,
.article-pros-cons .pros-cons-container p {background-color: #f70f37;}

.article-content h2, 
.article-content h3,
.conclusion-section .column-1 .sub-heading-3 {color: #f70f37;}

.conclusion-section .blockquote-container {border-top: 2px solid #f70f37; border-bottom: 2px solid #f70f37;}
	.conclusion-section .blockquote-container .blockquote {color: #f70f37;}

.conclusion-section .review-score {background: #f70f37 !important; border-radius: 50%;}


/* responsive menu */
.header .header-fixed-container .header-container .main-nav-container .main-nav-mobile,
.header .header-fixed-container .header-container .main-nav-container .mobile-main-nav-bar {
	background: #f70f37 !important;
}
.header .header-fixed-container .header-container .main-nav-container .main-nav-mobile .main-nav-arrow-button {
    background-color: #f70f37;
}
.header .header-fixed-container .header-container .main-nav-container .main-nav-mobile .main-nav-arrow-button:hover,
.header .header-fixed-container .header-container .main-nav-container .main-nav-mobile .main-nav-arrow-button:focus {
	background-color: #6f112b;
}


/* logos */
.no-touch .header .header-fixed-container .header-container .main-nav-container .logo {
	background-size: 100% auto;
	width: 230px;
	height: 43px;
	margin: 25px 0 0 48px;
	background-image: url(assets/img/mobilesyrup-logo.png) !important;
}

.header .header-fixed-container .header-container .main-nav-container .logo {
	background-size: 100% auto;
	width: 137px; height: 25px;
	margin: 22px 0 0 15px;
	background-image: url(assets/img/mobilesyrup-logo.png) !important;
}

.callout-a .callout-a-inner .callout-a-content .callout-a-logo,
.home-blog-roll-container .home-blog-roll .br-sidebar .article-newsletter-signup .logo {
    background-image: url(assets/img/mobilesyrup_logo_hor_white.png) !important;
	background-size: 100% auto !important; width: 130px !important; height: 20px !important;
}

.footer-wrapper .logo {
 	background-size: 100% auto;
	width: 230px;
 	height: 43px;
	margin-bottom: 30px;
	background-image: url(assets/img/mobilesyrup-logo.png) !important;
}

@media only screen and (min-width: 1200px) {
	.no-touch .header .header-fixed-container .header-container .main-nav-container .logo {
		background-image: url(assets/img/mobilesyrup-logo.png) !important;
  	}
}

@media only screen and (max-width: 1023px) {
	.no-touch .header .header-fixed-container .header-container .main-nav-container .logo {
		width: 230px; margin: 20px 0 10px 15px;
		background-image: url(assets/img/mobilesyrup-logo.png) !important;
	}

}