/*
Theme Name:  BESTCO
Theme URI:   http://bestcoltd.co.uk
Version:     1.0
Description: This is a custom child theme created for Bestcoltd.co.uk.
Author:      HeyWP
Author URI:  http://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-*/

/*********************************************************************
**************** FLIP CARD BACKGROUND IMAGE ********************
*********************************************************************/

.flip_panel {
    margin: 0 auto;
    height: 300px;
    position: relative;
    display: block;
    transform-style: preserve-3d;
}

.flip_panel .front, .flip_panel .back {
    text-align: center;
}


.flip_button {
    text-transform: uppercase;
    display: inline-block;
    margin: 5% auto 0;
    padding: .5em 1.2em;
    cursor: pointer;
    font-size: 16px;
    background: #fff;
}

.flip_button a {
    color: #1C157F;
}

.flip_box_front .flip_title {
    color: #fff;
    margin: 15% auto 0 auto;
    text-align: center;
    line-height: 1em;
    font-size: 1.55em ;
    display: block;
    font-weight: bold;
}

.flip_title {
    margin: 0 auto;
    text-align: center;
    line-height: 1em;
    font-size: 1.8em !important;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    padding 0 50%;
}


.flip_box_front {
    min-height: 300px;
    margin: 0 auto;
    padding: 50px 15px;
    -webkit-box-shadow: 0px 12px 15px 0px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 0px 12px 15px 0px rgba(50, 50, 50, 0.3);
    box-shadow: 0px 12px 15px 0px rgba(50, 50, 50, 0.3);
    border: 10px solid #fff;
}

.flip_box_front.tools {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background: linear-gradient(
      rgba(0, 0, 0, 0.3),
      rgba(0, 0, 0, 0.3)
    ),
    url('http://bestcowirral.co.uk/wp-content/uploads/2016/11/Tools.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.flip_box_front.paint {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background: linear-gradient(
      rgba(0, 0, 0, 0.3),
      rgba(0, 0, 0, 0.3)
    ),
    url('http://bestcowirral.co.uk/wp-content/uploads/2016/11/paint.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.flip_box_front.decorating {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background: linear-gradient(
      rgba(0, 0, 0, 0.3),
      rgba(0, 0, 0, 0.3)
    ),
    url('http://bestcowirral.co.uk/wp-content/uploads/2016/11/decorating.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.flip_box_front.fixings {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background: linear-gradient(
      rgba(0, 0, 0, 0.3),
      rgba(0, 0, 0, 0.3)
    ),
    url('http://bestcowirral.co.uk/wp-content/uploads/2016/11/fixings.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.flip_box_front.adhesives {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background: linear-gradient(
      rgba(0, 0, 0, 0.3),
      rgba(0, 0, 0, 0.3)
    ),
    url('http://bestcowirral.co.uk/wp-content/uploads/2016/11/adhesives.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.flip_box_front.outdoor {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background: linear-gradient(
      rgba(0, 0, 0, 0.3),
      rgba(0, 0, 0, 0.3)
    ),
    url('http://bestcowirral.co.uk/wp-content/uploads/2016/11/outdoor.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


/* Button Icon Left Align */
.et_pb_fullwidth_header_0 .et_pb_button_one.et_pb_button:after, .et_pb_fullwidth_header_0 .et_pb_button_two.et_pb_button:after {
    line-height: 1.7em;
    font-size: 20px !important;
    opacity: 1;
    margin-left: 0;
    left: 0.5em !important;
    display: inline-block;
}

.et_pb_fullwidth_header_0 .et_pb_button_one.et_pb_button:hover:after, .et_pb_fullwidth_header_0 .et_pb_button_two.et_pb_button:hover:after {
    left: 0 !important;
    margin-left: 0.5em !important;

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



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



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

#fixed-bar {
    bottom: 0;
    width: 100%;
    left: 0;
    position: fixed;
    vertical-align: middle;
    z-index: 99;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
}

/* Row custom for mobile */
@media only screen and (max-width: 980px) { 
	.row_bar_custom.et_pb_gutters1.et_pb_row_4col > .et_pb_column.et_pb_column_1_4 { 
		width: 25% !important; 

		}
	.row_bar_custom.et_pb_row { 
		max-width: 100% !important; 
                width: 100% !important; 
	} 
}

/*------------------------------------------------*/
/*-------------------[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 ) {

}