/*
 Theme Name:   Designfolio-Pro Child
 Theme URI:    http://www.ellisbriggscycles.co.uk/designfolio-pro-child/
 Description:  Designfolio-Pro Child Theme
 Author:       Paul Gibson
 Author URI:   http://example.com
 Template:     designfolio-pro
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  designfolio-pro-child
*/

@import url("../designfolio-pro/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

/* Main Layout */
.content {
	padding-top: 0px;
}
/* Responsive Grid */

/*  SECTIONS  */
.sections {
	clear: both;
}

/*  COLUMN SETUP  */
.cols {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.cols-top {
	display: block;
	float:left;
	margin: 0 0 1% 0;
}
.cols:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.25%;
}
.span_2_of_4 {
	width: 48.5%;
}
.span_1_of_4 {
	width: 23.75%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.cols {  margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
}


/* Responsive Grid End */

.eb_textbox {
background-color:#ffffff;
}

/* Flexible iFrame */

// Soliloquy Slider Correction
.soliloquy-direction-nav 
{
    margin-bottom: 0px;
}

.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.flex-container {
    margin-top: 0px;
    padding-top: 0px;
}

#before-content ol.flex-control-nav{
    display: none;
}
#before-content .flex-direction-nav{
    display: none;
}

#before-content .flex-container {
    border-bottom: 0px solid #DDDCD6;
    border-top: 0px solid #DDDCD6;
}

/* Other Styling */

#logo-wrap {
    float: left;
    margin: 0 0;
}

#header-widget-area {
    float: right;
    margin: 0 0 .5em .7em;
    /*clear: right;*/
}

hr {
    background: #999999;
    border: 0;
    height: 10px;
    clear: both;
}

.page_menu {
	color: blue;
	text-align: center;
	text-decoration: none;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 1.1em;
	border-left: 2px solid;
	border-right: 2px solid;
	padding-left: 5px;
	padding-right: 5px;
}
.tile-byline {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

/*  Posts List Shortcode Styling  */

.posts-list-shortcode {
	background-color:#32353b;
	margin: 0.5em 0 0 0;
	padding: 0.5em 0 0 0;
}

.posts-list-shortcode h2 {
	color:#ffffff;
}

.posts-list-shortcode .listing-item {
	color: #ffffff;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

.posts-list-shortcode .listing-item a.title {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #ffffff;
	font-size: 1.4em;
}

.posts-list-shortcode .listing-item img {
	float:left;
	margin: 0 0.5em 0 0;
}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 10%;
}
.col:first-child { margin-left: 0; }

.one-col .content {
	padding-top: 1px;!important
}


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}
                                               
					

/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 45%;
}

/* Typography */
.bookmark {
	font-size: 1.9em;
	padding: 0px 0px 0px 0px;
}

/* Mobile Media Queries
-------------------------------------------------------------- */

@media only screen
and (max-width : 1600px) {
	
	#click-menu {
		display: none;
	}

	#header-container header, #container, .footer-widget-container .inside, #site-info {
		max-width: 960px;
	}
	
	#header-container nav.secondary-menu {
		width: 100%;
		margin: 0;
		float: left;
	}
	
	#header-widget-area {
		width: 27%;
	}
	
	header .pc_info_widget {
		max-height: none;
	}
	
	header .pc_info_widget .phone {
		display: block;
		min-height: 35px;
	}
	
	header .pc_info_widget .search {
		display: block;
		clear: left;
		margin: 5px 0 0;
	}
	
	#header-container nav li a {
		padding: 6px 5px;
	}
	
	#header-container nav.primary-menu ul li a.sf-with-ul {
		padding-right: 10px;
	}
	
	#container .pc_info_widget #searchsubmit {
		float: none;
		margin-top: 8px;
	}
	
	.portfolio-medium ul li {
		height: 255px;
	}
	
	.two-col-r .portfolio-large ul li, .two-col-l .portfolio-large ul li {
		height: 335px;
	}
	
	.portfolio-large ul li {
		height: 295px;
	}
	
	.three-col-r .content .portfolio-medium ul li, .three-col-l .content .portfolio-medium ul li, .three-col-c .content .portfolio-medium ul li {
		max-width: 278px;
	}
	
	.two-col-r .portfolio-medium ul li, .two-col-l .portfolio-medium ul li {
		max-width: 234px;
	}
	
	.one-col .portfolio-large ul li {
		max-width: 350px;
	}
	
	.one-col .portfolio-small ul li {
		max-width: 168px;
	}
	
	.one-col .portfolio-medium ul li {
		max-width: 229px;
	}
	
	.three-col-r .content .portfolio-large ul li, .three-col-l .content .portfolio-large ul li, .three-col-c .content .portfolio-large ul li {
		max-width: 270px;
	}
}

@media only screen
and (max-width : 767px) {
	
	#click-menu {
		display: none;
	}	
	
	#header-container header, #container, .footer-widget-container .inside, #site-info {
		max-width: 550px;
	}
	
	header .pc_info_widget .phone:before {
		content: "";
		display: none;
	}
	
	#header-widget-area {
		float: none;
		width: 98%;
		clear: both;
		text-align: center;
	}
	
	header .pc_info_widget .search {
		display: inline-block;
		clear: none;
	}
	
	#logo-wrap {
		width: 98%;
		margin-left: 0;
	}
	
	#site-title, #site-description {
		text-align: center;
		float: none;
		display: block;
		max-width: none;
	}
	
	#site-logo a {
		text-align: center;
		float: none;
		display: block;
		width: 98%;
	}

	.sidebar-container.right, .sidebar-container.left {
		float: none;
	}
	
	.sidebar-container .widget {
		clear: both;
	}
	
	.portfolio-medium ul li {
		height: 275px;
	}
	
	.two-col-r .content, .two-col-l .content, .sidebar-container, .three-col-r .content, .three-col-l .content, .three-col-c .content {
		max-width: 98%;
		width: 98%;
	}
	
	.two-col-r .portfolio-medium ul li, .two-col-l .portfolio-medium ul li, .one-col .portfolio-medium ul li {
		max-width: 255px;
	}
	
	.portfolio-large ul li, .one-col .portfolio-large ul li, .three-col-r .content .portfolio-large ul li, .three-col-l .content .portfolio-large ul li, .three-col-c .content .portfolio-large ul li {
		height: 335px;
		max-width: 466px;
	}
	
	.one-col .portfolio-small ul li {
		max-width: 210px;
	}
	
	.footer-widget-container .testimonial-meta, .sidebar-container .testimonial-meta {
		width: 18%;
		clear: none;
		padding-top: 5px;
	}
	
	footer .widget {
		float: none;
		width: 95%;
	}
	
	footer .widget:first-child, footer .slider-wrapper:first-child {
		margin-left: 2.1%;
	}
	
}

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

	#click-menu {
		display: block;
	}	

	#header-container header, #container, .footer-widget-container .inside, #site-info {
		max-width: 400px;
	}
	
	#header-container {
		padding: 10px 10px 0 10px;
	}
	
	#header-container nav.secondary-menu {
		width: 99%;
	}
	
	#header-container nav.primary-menu-dropdown {
		display: block;
		visibility: visible;
	}
	
	#header-container nav.primary-menu-dropdown select {
		width: 100%;
		padding: 5px;
		margin-bottom: 5px;
	}
	
	#header-container nav.primary-menu {
		display: none;
	}
	
	#container .portfolio-small ul li {
		width: 165px;
	}
	
	.portfolio-large ul li {
		max-width: 356px !important;
		height: 295px !important;
	}
	
	.portfolio-medium ul li {
		height: 300px;
	}
	
	.two-col-r .portfolio-medium ul li, .two-col-l .portfolio-medium ul li, .one-col .portfolio-medium ul li {
		max-width: 311px;
	}
	
	.one-half, .one-third, .two-thirds, .three-fourths, .one-fourth {
		width: 100%;
		float: none;
	}
	
	#site-info {
		padding: 10px;
		text-align: center;
	}
	
	#site-info .pc-link, #site-info .copyright {
		float: none;
		text-align: center;
	}
	img.size-medium{
	max-width: 150px;
	}
	
	nav.secondary-menu {
	visibility: hidden;
	}
	
	nav.primary-menu-dropdown select {
	visibility: hidden;
	display: none;
	}
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2 {
		width: 100%; 
	}
	.span_1_of_2 {
		width: 100%;
	}
}

/* Page Template Style */

.cont-col-main {
   float:left;
   width:66%;
   padding:1%;
   border: 1px dotted #ccc;
   background: #fff;
}

.cont-col-side {
   float:right;
   width:29%;
   padding:1%;
   border: 1px dotted #ccc;
   background: #fff;
}

/* Parrellax Page */

.add-margins {
   max-width: 960px;
   padding: 0px 15px;
   margin: 0px auto;
}

/* Soliquoy Slider CSS */

.soliloquy-caption-inside { 
	background: transparent !important; 
	filter: none !important; 
	-ms-filter: none !important; 
}

.soliloquy-container .soliloquy-caption {
	position: absolute !important;
	display: table !important;
	width: 100% !important;
	height: 100% !important;
	z-index: 100 !important;
}
 
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside {
	display: table-cell !important;
	text-align: center !important;
	vertical-align: middle !important;
	padding: 1em 0 3em !important;
}
 
.soliloquy-container .soliloquy-caption h1 {
	color: #fff !important;
	font-size: 2.5em !important;
	margin: 0.2em 0 1.5em !important;
	text-shadow: 0.1em 0.1em 0.5em rgba(0, 0, 0, 0.9) !important;
	letter-spacing: normal !important;
	text-transform: none !important;
}
 
.soliloquy-container .soliloquy-caption a.soliloquy-button {
	font-weight: bold !important;
	text-transform: capitalize !important;
	color: #fff !important;
	letter-spacing: 0.5empx !important;
	background-color: #ff6600 !important;
	border: 2.5px solid #fff !important;
	box-shadow: 0.1em 0.1em 0.5em rgba(0, 0, 0, 0.9) !important;
	padding: 0.5em 0.75em !important;
	font-size: 1.5em !important;
}

.soliloquy-container .soliloquy-caption { 
	top: 50%;
	
	/* Half of the height specified below, as a minus number
	* e.g. if your caption height = 80px, margin-top = -40px */
	margin-top: -9em; 
	
}
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside { 
	height: 500px;
}
@media (min-width: 768px) and (max-width: 1024px) {
 
	.soliloquy-container .soliloquy-caption {
		bottom: 13px !important;
	}
 
}
 
@media (max-width: 600px) {
 
        /** Hide the caption and control nav for small devices since they can swipe slides */
	.soliloquy-container .soliloquy-control-nav {
		display: none !important;
	}

	.soliloquy-container .soliloquy-caption h1 {
		font-size: 2em !important;
		margin: 0 0 30px !important;
	}
	
	.soliloquy-container .soliloquy-caption a.soliloquy-button {
		font-size: 0.9em !important;
		padding: 10px 18px !important;
	}

	.soliloquy-container .soliloquy-caption { 
	top: 20%;
	
	/* Half of the height specified below, as a minus number
	* e.g. if your caption height = 80px, margin-top = -40px */
	margin-top: -100px; 
	
	}
	.soliloquy-container .soliloquy-caption .soliloquy-caption-inside { 
	height: 500px;
	}
 
}