/**
 * Pro Stylesheet
 *
 * Styling for all pro sections
 *
 * Please do not edit this file. This file is part of the Cyber Chimps Framework and all modifications
 * should be made in a child theme.
 *
 * @category Responsive Pro
 * @package  Responsive Pro
 * @since    1.0
 * @author   CyberChimps
 * @license  http://www.opensource.org/licenses/gpl-license.php GPL v2.0 (or later)
 * @link     http://www.cyberchimps.com/
 */

/* ==================================== Custom Mobile Menu Title ================================================== */
.custom-mobile-menu-title {
	display: none;
}

/* ==================================== Woocommerce ================================================== */

@media screen and (max-width:767px) and (min-width:481px) {
	/* Shop page */
	.woocommerce-page #content-woocommerce .products li.product {
		width: 30%;
	}

	.woocommerce ul.products li.product:nth-child(3n + 1),.woocommerce-page ul.products li.product:nth-child(3n + 1) {
		float: left;
		margin-right: 5% !important;
		clear: left!important;
	}

	.woocommerce ul.products li.product:nth-child(3n + 2),.woocommerce-page ul.products li.product:nth-child(3n + 2) {
		float: left;
		clear: none;
	}

	.woocommerce ul.products li.product:nth-child(3n),.woocommerce-page ul.products li.product:nth-child(3n) {
		float: right;
		margin-right: 0 !important;
		clear: none;
	}

	/* Product page */
	.single-product h1, .single-product h2 {
		font-size: 2em;
	}

	/* Checkout page */
	.woocommerce-checkout .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce-checkout .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
		width: 100%;
	}
}

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

	/* Product page */
	.single-product h1, .single-product h2 {
		font-size: 1.75em;
	}

	/* Shopping cart table */
	.woocommerce table.cart th, .woocommerce-page table.cart th, .woocommerce #content table.cart th, .woocommerce-page #content table.cart th, .woocommerce table.cart td, .woocommerce-page table.cart td, .woocommerce #content table.cart td, .woocommerce-page #content table.cart td {
		padding: 3px 5px;
	}

	/* Checkout page */
	.woocommerce-checkout .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce-checkout .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
		width: 100%;
	}
}

@media screen and (max-width:320px) {
	/* Shop page */
	.woocommerce-page #content-woocommerce .products li.product {
		width: 100%;
	}
}

/* ==================================== Easy Digital Downloads ================================================== */

.download.type-download {
	background: transparent;
	border: none;
}


/*************************
* 	Site Layout Options
**************************
*/

/*		Full Width Layout 	*/
body.full-width-layout{
	padding: 0 15px;
}
body.full-width-layout div#container, body.full-width-layout div#footer {
    width: 100%;
    max-width: 100%;
    padding: 0;
}
body.full-width-layout .top-menu{

	float: none;
    text-align: right;	
}

/*		Boxed Layout 	*/

body.boxed-layout {
    background-color: #555;
    padding: 50px 0px;
}
body.boxed-layout div#container, body.boxed-layout div#footer {
    width: 100%;
    max-width: 85%;
    padding: 0;
}
body.boxed-layout #header, body.boxed-layout div#footer{
	background: #fff;
    box-sizing: border-box;
    padding: 20px;
}
body.boxed-layout #wrapper{
	margin: 0px;
}
body.front-page.boxed-layout #featured, body.boxed-layout #wrapper{
	border-top: 0;
	border-radius: 0;
}

/*
*	Post Meta 
*	Author Bio
*/

.author-gravtar img{
    border-radius: 50%;
}

.single-author-bio .author-desc{
	margin-left: 10px;
	font-weight: normal;
}

#wrapper .post-meta i {
	margin-right: 5px;
	font-size: 18px;
}

.author-link, .comments-link {
    margin-left: 20px;
}

/*
*	Social Icons
*/
 
#footer .social-icons i.fa{
	font-size: 20px;
}

#footer .social-icons .hexagonal-icons i.fa, #footer .social-icons .squared-icons i.fa{
	color: #fff;
}


/*
*	Rounded Icons
*/

#footer .social-icons .rounded-icons i.fa{
	border-radius: 50%;
    border: 1px solid;
    padding: 8px;
    width: 20px;
    height: 20px;
    text-align: center;
}
#footer ul.social-icons li.rounded-icons{
	margin: 0px 0px 5px 0px;
    padding: 0px 5px;
    display: inline-block;	
}

.social-icons .rounded-icons.facebook-icon i.fa{
	color: #556fa3;
	border-color: #556fa3;
}
.social-icons .rounded-icons.google_plus-icon i.fa{
	color: #b43727;
	border-color: #b43727;
}
.social-icons .rounded-icons.linkedin-icon i.fa{
	color: #00659c;
	border-color: #00659c;
}
.social-icons .rounded-icons.youtube-icon i.fa{
	color: #cd201f;
	border-color: #cd201f;
}
.social-icons .rounded-icons.stumbleupon-icon i.fa{
	color: #eb4924;
	border-color: #eb4924;
}
.social-icons .rounded-icons.pinterest-icon i.fa{
	color: #cd2123;
	border-color: #cd2123;
}
.social-icons .rounded-icons.instagram-icon i.fa{
	color: #5851db;
	border-color: #5851db;
}
.social-icons .rounded-icons.rss-icon i.fa{
	color: #f26522;
	border-color: #f26522;
}
.social-icons .rounded-icons.yelp-icon i.fa{
	color: #b81d1f;
	border-color: #b81d1f;
}
.social-icons .rounded-icons.foursquare-icon i.fa{
	color: #f94877;
	border-color: #f94877;
}
.social-icons .rounded-icons.vimeo-icon i.fa{
	color: #1ab7ea;
	border-color: #1ab7ea;
}
.social-icons .rounded-icons.twitter-icon i.fa{
	color: #37bce9;
	border-color: #37bce9;
}

/*
*	Hexagonal Icons
*/

#footer ul.social-icons  li.hexagonal-icons {
	margin: 0px 0px 22px 0px;
    padding: 0px 5px;
    display: inline-block;
}

.social-icons .hexagonal-icons a{
	height: 18.5px;
    width: 32px;
    position: relative;
    display: inline-block;
    text-align: center;
    z-index: 1;
}

.social-icons .hexagonal-icons a::before, .social-icons .hexagonal-icons a::after {
	position: absolute;
    content: "";
    left: 0px;
    bottom: 0px;
    z-index: -1;
    height: 18.5px;
    width: 32px;
}

.social-icons .hexagonal-icons a::before{
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
}

.social-icons .hexagonal-icons a::after{
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    transform: rotate(-60deg);
}

.social-icons .facebook-icon.hexagonal-icons a::before, .social-icons .facebook-icon.hexagonal-icons a::after, .social-icons .facebook-icon.hexagonal-icons a{
	border-color: #556fa3;
	background: #556fa3;
}
.social-icons .google_plus-icon.hexagonal-icons a::before, .social-icons .google_plus-icon.hexagonal-icons a::after, .social-icons .google_plus-icon.hexagonal-icons a{
	border-color: #b43727;
	background: #d34d3b;
}
.social-icons .linkedin-icon.hexagonal-icons a::before, .social-icons .linkedin-icon.hexagonal-icons a::after, .social-icons .linkedin-icon.hexagonal-icons a{
	border-color: #00659c;
	background: #0072b1;
}
.social-icons .youtube-icon.hexagonal-icons a::before, .social-icons .youtube-icon.hexagonal-icons a::after, .social-icons .youtube-icon.hexagonal-icons a{
	border-color: #cd201f;
	background: #cd201f;
}
.social-icons .pinterest-icon.hexagonal-icons a::before, .social-icons .pinterest-icon.hexagonal-icons a::after, .social-icons .pinterest-icon.hexagonal-icons a{
	border-color: #b81d1f;
	background: #cd2123;
}
.social-icons .stumbleupon-icon.hexagonal-icons a::before, .social-icons .stumbleupon-icon.hexagonal-icons a::after, .social-icons .stumbleupon-icon.hexagonal-icons a{
	border-color: #eb4924;
	background: #eb4924;
}
.social-icons .rss-icon.hexagonal-icons a::before, .social-icons .rss-icon.hexagonal-icons a::after, .social-icons .rss-icon.hexagonal-icons a{
	border-color: #f26522;
	background: #f26522;
}
.social-icons .instagram-icon.hexagonal-icons a::before, .social-icons .instagram-icon.hexagonal-icons a::after, .social-icons .instagram-icon.hexagonal-icons a{
	border-color: #5851db;
	background: #5851db;
}
.social-icons .yelp-icon.hexagonal-icons a::before, .social-icons .yelp-icon.hexagonal-icons a::after, .social-icons .yelp-icon.hexagonal-icons a{
	border-color: #b81d1f;
	background: #b81d1f;
}
.social-icons .vimeo-icon.hexagonal-icons a::before, .social-icons .vimeo-icon.hexagonal-icons a::after, .social-icons .vimeo-icon.hexagonal-icons a{
	border-color: #1ab7ea;
	background: #1ab7ea;
}
.social-icons .foursquare-icon.hexagonal-icons a::before, .social-icons .foursquare-icon.hexagonal-icons a::after, .social-icons .foursquare-icon.hexagonal-icons a{
	border-color: #f94877;
	background: #f94877;
}
.social-icons .twitter-icon.hexagonal-icons a::before, .social-icons .twitter-icon.hexagonal-icons a::after, .social-icons .twitter-icon.hexagonal-icons a{
	border-color: #37bce9;
    background: #4dc4ec;
}

/*
*	Squared Icons
*/

#footer ul.social-icons  li.squared-icons {
	position: relative;
	margin: 0px 5px 22px 5px;
    padding: 0px 5px;
    display: inline-block;
    text-align: center;
}
.social-icons .squared-icons a i.fa{
	padding: 5px;
	width: 18px;
}

.social-icons li.squared-icons::after {
	content: "";
    position: absolute;
    border-left: 19px solid transparent;
    border-right: 19px solid transparent;
    border-top: 15px solid;
    top: 100%;
    left: 0px;
    right: 0px;
}

.social-icons .facebook-icon.squared-icons{
	color: #556fa3;
	background: #556fa3;
}
.social-icons .google_plus-icon.squared-icons{
	color: #b43727;
	background: #b43727;
}
.social-icons .linkedin-icon.squared-icons{
	color: #00659c;
	background: #00659c;
}
.social-icons .youtube-icon.squared-icons{
	color: #cd201f;
	background: #cd201f;
}
.social-icons .pinterest-icon.squared-icons{
	color: #cd2123;
	background: #cd2123;
}
.social-icons .stumbleupon-icon.squared-icons{
	color: #eb4924;
	background: #eb4924;
}
.social-icons .rss-icon.squared-icons{
	color: #f26522;
	background: #f26522;
}
.social-icons .instagram-icon.squared-icons{
	color: #5851db;
	background: #5851db;
}
.social-icons .yelp-icon.squared-icons{
	color: #b81d1f;
	background: #b81d1f;
}
.social-icons .vimeo-icon.squared-icons{
	color: #1ab7ea;
	background: #1ab7ea;
}
.social-icons .foursquare-icon.squared-icons{
	color: #f94877;
	background: #f94877;
}
.social-icons .twitter-icon.squared-icons{
	color: #37bce9;
    background: #37bce9;
}