/*
Theme Name:     Story Child
Author:         Pexeto
Author URI:     http://pexetothemes.com
Template:       thestory
*/

@import url("../thestory/style.css");

.nav-menu ul li a {
  font-size: 14px;
}
.header-social, .footer-social {
    text-align: right;
    padding-right: 10px;
}
.header-social img, .footer-social img {
    padding: 0px 4px;
    width: 27px;
}
.footer-social {
  display: inline-block;
  vertical-align: middle;
}
.menu-footer-menu-container {
  display: inline-block;
}
.custom-contact-page-content h2 {
  padding-left: 85px;
}
#completed-project {
    position: relative;
}
#completed-project .caption {
    position: absolute;
    right: 30px;
    bottom: 20px;
    color: white;
}
#section-4 {
  min-height: 350px;
}
.page-template-template-full-home-php .section-title {
  margin-bottom: 25px;
  font-size: 32px;
}
.page-template-template-full-home-php .section-full-width .section-boxed {
    margin: 40px auto;
}
#home-services-wrapper, #section-2 {

  background: #fff!important;

}



.alto-slider-btn {

    opacity: 1!important;

color: #fff!important;

font-size: 16px!important;

padding: 12px 30px!important;

line-height: 17px!important;

}



.slider-grey-bg .tp-bgimg {

    background-color: #252525!important;

}



/* Container DIV - automatically generated */

.simply-scroll-container {

	position: relative;

}



/* Clip DIV - automatically generated */

.simply-scroll-clip {

	position: relative;

	overflow: hidden;

}



/* UL/OL/DIV - the element that simplyScroll is inited on

Class name automatically added to element */

.simply-scroll-list {

	overflow: hidden;

	margin: 0;

	padding: 0;

	list-style: none;

}



.simply-scroll-list li {

	padding: 0;

	margin: 0;

	list-style: none;

}



.simply-scroll-list li img {

	border: none;

	display: block;

}



/* Custom class modifications - adds to / overrides above



.simply-scroll is default base class */



/* Container DIV */

.simply-scroll {

	width: 100%;

	height: 215px;

	margin-bottom: 1em;

}



/* Clip DIV */

.simply-scroll .simply-scroll-clip {

	width: 100%;

	height: 215px;

}



/* Explicitly set height/width of each list item */

.simply-scroll .simply-scroll-list li {

	float: left; /* Horizontal scroll only */

	width: 215px;

	height: 215px;

    padding: 0px 20px;

}



.footer-contact img {

max-height: 80px;

}



.footer-contact {

display: inline-block;

margin-right: 15px;

vertical-align: top;

}



#sidebar {

    background-color: #ffffff;

-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);

-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);

box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);

}



.sidebar-contact {

text-align: center;

padding: 15%;

}



#sidebar aside {

padding: 9%;

}



.custom-contact-page-content p {

    text-align: center;

}



.home-callout {

    background-color: rgb(233, 233, 233);

color: rgb(37, 37, 37);

text-align: center;

padding: 0px 0px 25px 0px;

font-size: 17px;

font-weight: bold;

}
.page-template-template-full-home .section-full-width.section-light .section-boxed {
    margin: 0px auto;
}
.button.blog-read-more {
  padding: 6px 12px;
font-size: 11px;
margin-left: 10px;
}

.ps-images .ps-desc {
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  -webkit-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  bottom: 10px;
}
.landing-left, .landing-right {
    display: inline-block;}
.landing-left {
    width: 65%;    vertical-align: top;
    margin-right: 2%;}
.landing-right {
    width: 32%;    vertical-align: top;
}
img.size-full {    margin-top: 15px;
    width: 100%;}
.cols-3 .col2 {
    width:62.4% !important;
	float: left;
    margin-bottom: 30px;
    margin-right: 3.2%;
}
	
@media (max-width: 767px){
    .landing-left, .landing-right {        width: 100%;
        display: block;        margin-bottom: 25px;
    }}
@media screen and (max-width: 1000px) {
.tp-bgimg.defaultimg {
  background-size: cover!important;
  background-position: 50% 50%!important;
}
.alto-slider-btn {
    display: none !important;
    visibility: hidden !important;}
.tp-caption .large_bold_white .tp-fade .tp-resizeme {
  display: none !important;
  visibility: hidden !important;}
}