/*
Theme Name:  Newboulds Joinery
Theme URI:   http://newboulds-joinery.dev
Version:     1.0
Description: This is a custom child theme created for Newboulds Joinery.
Author:      HeyWP
Author URI:  http://www.heywp.com
Template:    Divi
*/


/***********************************************************************
Caution: do not remove this to keep Divi Children Engine always updated 
Divi Children Engine version: 1.0.4
***********************************************************************/

/*------------------------------[FONT ICONS]-----------------------------*/
/*--[Created by Divi Children, http://divi4u.com/divi-children-plugin/]--*/
/*-----------------------------------------------------------------------*/

.icon_tags, .icon_profile, .icon_chat, .icon_clipboard, .icon_calendar {
	font-family: 'ETmodules';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
	color: #318EC3;
}
.icon_tags:before {
	content: "\e07c";
	padding: 0px 5px 0 0;
}
.icon_profile:before {
	content: "\e08a";
	padding: 0 5px 0 0;
}
.icon_chat:before {
	content: "\e066";
	padding: 0 5px 0 20px;
}
.icon_clipboard:before {
	content: "\e0e6";
	padding: 0 5px 0 20px;
}
.icon_calendar:before {
	content: "\e023";
	padding: 0 5px 0 20px;
}

/*- YOU CAN INCLUDE THE CUSTOM CODE FOR YOUR CHILD THEME BELOW THIS LINE-*/

/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/



.et_pb_bg_layout_dark h2 {
	color: #000 !important;
}

h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.17em; }
h4 { font-size: 1.12em; }
h5 { font-size: .83em; }
h6 { font-size: .75em; }

.et_pb_image_n10s_0 .figure.n10s h2 {
    font-weight: bold !important;
}


/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/

/*
Theme Name: About Us Elegant Themes
Theme URI: https://creativechildtheme.com
Description: Restyling About Us Page Elegant Themes
Author: Fabio Sarcona
Author URI: https://creativechildtheme.com
Template: Divi
Version: 1.0
License:  GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
*/

/***************************************************************************************************************************************** -----------> Like this template? Send your feedback to the email info@creativechildthemes.com,  I'd like to know your opinion :) <----------- ****************************************************************************************************************************************/


/***********************************************************************
*********************** HEADER FULLWIDTH **************************
**********************************************************************/

.header_full_custom .et_pb_fullwidth_header p {
    letter-spacing: 1px !important;
    line-height: 1.4em !important;
    margin: 2% auto !important;
    max-width: 750px !important;
}

/***********************************************************************
***************** BLURB BACKGROUND CUSTOM  *********************
**********************************************************************/

/* Start Background Custom Column */
.background_1.et_pb_column {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background: linear-gradient(
      rgba(31, 31, 29, 0.70),
      rgba(31, 31, 29, 0.80)
    ),
    url(http://creativechildthemes.com/about-template/wp-content/uploads/sites/15/2016/05/team-5-1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.background_2.et_pb_column {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background: linear-gradient(
      rgba(31, 31, 29, 0.70),
      rgba(31, 31, 29, 0.80)
    ),
    url(http://creativechildthemes.com/about-template/wp-content/uploads/sites/15/2016/05/team-4-1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.background_3.et_pb_column {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background: linear-gradient(
      rgba(31, 31, 29, 0.70),
      rgba(31, 31, 29, 0.80)
    ),
    url(http://creativechildthemes.com/about-template/wp-content/uploads/sites/15/2016/05/team-1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.background_4.et_pb_column {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background: linear-gradient(
      rgba(31, 31, 29, 0.70),
      rgba(31, 31, 29, 0.80)
    ),
    url(http://creativechildthemes.com/about-template/wp-content/uploads/sites/15/2016/05/team-3.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.background_5.et_pb_column {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background: linear-gradient(
      rgba(31, 31, 29, 0.70),
      rgba(31, 31, 29, 0.80)
    ),
    url(http://creativechildthemes.com/about-template/wp-content/uploads/sites/15/2016/05/team-2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.background_6.et_pb_column {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background: linear-gradient(
      rgba(31, 31, 29, 0.70),
      rgba(31, 31, 29, 0.80)
    ),
    url(http://creativechildthemes.com/about-template/wp-content/uploads/sites/15/2016/05/team-1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* --------------End Background Custom Column ------------------*/

.blurb_about .et_pb_blurb .button_blurb {
    border: 2px solid #4c4c4c;
    border-radius: 0px !important;
    color: #4c4c4c;
    display: block;
    font-size: 15px;
    font-weight: 600;
    margin: 5% auto;
    max-width: 70%;
    padding: 0.6em 1.9em;
    position: relative;
    transition: 0.3s;
}

.blurb_about .et_pb_blurb .button_blurb:hover {
    background-color: #4c4c4c;
    color: #fff;
}

.blurb_about .et_pb_blurb h4 {
    -webkit-transform: translate3d(0,88px,0);
    transform: translate3d(0,88px,0);
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
}

.blurb_about .et_pb_blurb p {
    -webkit-transform: translate3d(0,40px,0);
    transform: translate3d(0,40px,0);
    -webkit-transition: opacity .1s,-webkit-transform .35s;
    transition: opacity .1s,transform .35s;
    filter: alpha(opacity=0);
    opacity: 0;
    padding-top: 5%;
    zoom: 1;
}

.blurb_about .et_pb_blurb_content {
    height: 300px;
    padding: 5%;
    position: relative;
}

.blurb_about .et_pb_blurb_content:hover {
    height: 300px;
    padding: 4% 12%;
    position: relative;
}

.blurb_about .et_pb_column {
    transition: .3s;
}

.blurb_about .et_pb_column:hover {
    background: #fafafa;
}

.blurb_about .et_pb_column:hover h4 {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    color: #6c6c6c !important;
    font-size: 22px !important;
}

.blurb_about .et_pb_column:hover p {
    -webkit-transform: translate3d(0,0,0);
    -webkit-transition-delay: .05s;
    -webkit-transition-duration: .35s;
    filter: alpha(opacity=1);
    opacity: 1;
    transform: translate3d(0,0,0);
    transition-delay: .05s;
    transition-duration: .35s;
    zoom: 1;
}

/*********************************************************
******** COUNTER COSTUMERS ABOUT PAGE ***********
*******************************************************/

@media only screen and (min-width: 981px) {
.counter_custom,.et_pb_number_counter .percent p {
    margin-left: -30%;
}
}

/*********************************************************
*************** ICON SOCIAL IMAGE TEAM **************
*******************************************************/

.social_about {
    -moz-transform: translateX(355px);
    -ms-transform: translateX(355px);
    -o-transform: translateX(355px);
    -webkit-transform: translateX(355px);
    transform: translateX(355px);
    margin-top: -22% !important;
    position: relative;
    width: 27%;
}

.social_blurb {
    margin: -80px 0 0 20px !important;
    position: relative !important;
    z-index: 5 !important;
}

@media only screen and (min-width: 981px) {
  .et_pb_gutters2 .et_pb_column, .et_pb_gutters2.et_pb_row .et_pb_column {    
    margin-right: 1.5% !important;
  }
}

/**********************************************************
***************** EFFECT BLACK & WHITE ***************
*******************************************************/



/**********************************************************
******** ANIMATION BOTTOM TO TOP ******************
*******************************************************/

.bottom-animated.et-animated {
	opacity: 1; 
	-webkit-animation: fadeBottom 1.5s 1 cubic-bezier(0.77,0,.175,2);
	-moz-animation: fadeBottom 1.5s 1 cubic-bezier(0.77,0,.175,2);
	-o-animation: fadeBottom 1.3s 1 cubic-bezier(0.77,0,.175,2); 
	animation: fadeBottom 1.3s 1 cubic-bezier(0.77,0,.175,2);
}

/**********************************************************
**** BUTTON CALL TO ACTION CUSTOM (Footer) ********
*******************************************************/

.button_custom.et_pb_button{
    	min-width: 50% !important;
         line-height: 2.4em !important ;	
}


/*------------------------------------------------*/
/*---------------[DROPDOWN MENU]------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-------------------[COMMENTS]-------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*--------------------[SIDEBAR]-------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-----------------[WP CALENDAR]------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-------------------[PAGE NAVI]------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*------------------[TRANSITIONS]-----------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*---------------[RESPONSIVE LAYOUTS]-------------*/
/*------------------------------------------------*/

@media only screen and ( min-width: 981px ) {

}

/*-------------------[960px]------------------*/
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {

	/*-------------------[Sliders]------------------*/

	/*-------------------[Portfolio]------------------*/

	/*-------------------[Sidebar]------------------*/
	
	/*-------------------[Menu]------------------*/
	
}

/*-------------------[768px]------------------*/
@media only screen and ( max-width: 980px ) {

	/*-------------------[Portfolio]------------------*/
	
	/*-------------------[Sliders]------------------*/
	
	/*-------------------[Menu]------------------*/

}

@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {

}

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

}

/*-------------------[480px]------------------*/
@media only screen and ( max-width: 767px ) {

	/*-------------------[Menu]------------------*/

}

/*-------------------[320px]------------------*/
@media only screen and ( max-width: 479px ) {

}