/* 
 Theme Name:     cheating Partner
 Author:         Dot Five Nine
 Author URI:     http://www.dot59.co.uk
 Template:       Divi
 Version:        1.0
 Description:   A Child Theme built using the elegantmarketplace.com Child theme maker
Developed by Andrew Palmer for Elegant Marketplace www.elegantmarketplace.com Free to use and duplicate as many times as you like
 Wordpress Version: 4.7.3
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 


.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {
  line-height: 4rem;
  margin: auto;
  padding: 1% 0;
  text-align: center;
  width: auto;
}



/*hover and active menu items style*/
#top-menu a:hover::after, #top-menu a:focus::after {
    opacity: 1;
    width: 100%;
}
#top-menu a:hover::after, #top-menu a:focus::after {
    opacity: 1;
    width: 100%;
}
#top-menu a::after {
    background: #E2CB77 none repeat scroll 0 0;
    content: "";
    height: 3px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 95%;
    transition: all 200ms ease 0s;
    width: 0;
}
#top-menu a::after {
    background: #E2CB77 none repeat scroll 0 0;
    content: "";
    height: 3px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 95%;
    transition: all 200ms ease 0s;
    width: 0;
}

/*end active and hover menu items*/

/*adjust button width in header only*/
.headerbutton.buttonwidth {
  max-width: 220px !important;
  width: 220px !important;
}
/*end buttons in header width*/

/*start adjust padding below nav items*/
.et_header_style_left #et-top-navigation nav > ul > li > a, .et_header_style_split #et-top-navigation nav > ul > li > a {
  padding-bottom: 20px;
}
/*end padding below nav items*/

/*width reduction below header homepage*/
.widthreduce {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: -91px;
  width: 90%;
}
/*end width reduction*/


/*slider line height for mobile (divi settings did not save)*/
@media screen and (max-width: 430px) {
.et_pb_slider_0.et_pb_slider .et_pb_slides .et_pb_slide_content {
  line-height: 33px!important;
  padding-top: 23px!important;
}.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {
  text-align: center;
}
}
/*end adjust lineheight because divi did not take setting save*/




/*start style for horizontal lines*/

hr.line-gold-left {
        border: 0;
        height: 3px;
        background-color: #E2CB77;
        width: 350px;
        margin-left: 0px;
  } 

hr.line-black-left {
        border: 0;
        height: 2px;
        background-color: #E2CB77;
        width: 80px;
        margin-left: 0px;
  } 

hr.line-black-right {
  background-color: #E2CB77;
  border: 0 none;
  height: 2px;
  margin-right: 0;
  width: 80px;
}
@media screen and (max-width: 767px) {
  hr.line-black-right {
  background-color: #E2CB77;
  border: 0 none;
  height: 2px;
  margin-right: 0;
  width: 80px;
  float: left;
  position: absolute;
  }
}
/*end style for horizontal lines*/


/*slider list item line height*/
.et_pb_pricing li {
  line-height: 0.6em;
}
/*end slider list items line heigt*/


/*font awesome icon colors 2- different colors*/
/*checkmark*/
.fa-check-square::before {
  color: #E2CB77;
  content: "";
}
/*end checkmark with orange bg*/

/*start checkmark with white*/
.fa.fa-check-square.white::before {
  color: white;
}
/*end white checkmark*/
/*end font awesome icon colors 2 different colors*/


/*adjust mobile styling for cellphone image with negative margin*/
/*this is for the image of the cellphone that is angled and goes "above" the blue section*/
/*giving it more margin for mobile not to interfer with the button*/
@media screen and (max-width: 980px) {
.phone-topmarginmobile > img {
  margin-top: 50px!important;
}.widthreduce {
  margin-top: -88px!important;
}
}
/*start adjust width margin to reveal social icons ipad landscape*/
/*end adjust cellphone image */
@media screen and (max-width: 1025px) {
.widthreduce {
  margin-top: -72px;
}
}
/*end ipad landscape*/

/*add bottom margin for button*/
.CustomBTNmargin {
  margin-bottom: 20px !important;
}
.et_pb_custom_button_icon.et_pb_button::after {
  margin-left: 7px !important;
}
/*end margin for button*/

/******************BELOW IS THE CSS FOR THE 3 HOVERING APPS**************/
/****************ONE SECTION CONTROLS THE MARGIN**********************/
/*******************THE SECOND CONTROLS THE WIDTH OF THE COLUMNS*****/
/****************AND THEN THE HOVER TRANSITIONS********************/

/*adjust margins for the 3 apps that slide in*/
.appimg1 > img {
  margin-left: 134px;
}.appimg2 > img {
  margin-left: 52px;
}.appimg3 > img {
  margin-left: -36px !important;
}
/*end adjust margins*/

/*start adjust column widths for slider and apps*/
.adjustwidthcolumn {
  width: 18% !important;
}.adjustwidthcolumnstart {
  height: 530px;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  width: 281px;
}
/*end adjust colum width for apps that slide in*/

/*start app hover transitions*/

.appimg3 > img:hover {
    transform: translate3d(0px, -10px, 0px);
    transition: all 0.3s ease-in-out 0s;
}
.appimg3 > img {
    transition: all 0.3s ease-in-out 0s;
}
.appimg2 > img:hover {
    transform: translate3d(0px, -10px, 0px);
    transition: all 0.3s ease-in-out 0s;
}
.appimg2 > img {
    transition: all 0.3s ease-in-out 0s;
}
.appimg1 > img:hover {
    transform: translate3d(0px, -10px, 0px);
    transition: all 0.3s ease-in-out 0s;
}
.appimg1 > img {
    transition: all 0.3s ease-in-out 0s;
}
/*end app transitions*/

/************ALL STYLES FOR THE 3 APPS IS ABOVE*****************/

/*edit slider controls*/
/*This is for the orange color slider controls and the width of controls*/
.et-pb-controllers a {
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 7px;
  display: inline-block;
  height: 4px;
  margin-right: 10px;
  text-indent: -9999px;
  width: 17px;
}
.et-pb-controllers .et-pb-active-control {
  background-color: #F58731!important;
}
/*end edit slider control*/


/**************THIS IS FOR THE 3 SECTIONS OF ORANGE AND BLUE BACKGROUND COLORS**************************************/
/**************YOU CAN EDIT YOUR OWN AT COLORZILLA.COM/GRADIENT-EDITOR/ D******************************************/

.gradbltoorange {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1db5d3+0,1db5d3+61,e27e1f+61 */
background: #1db5d3; /* Old browsers */
background: -moz-linear-gradient(-45deg, #1db5d3 0%, #1db5d3 61%, #e27e1f 61%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #1db5d3 0%,#1db5d3 61%,#e27e1f 61%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #1db5d3 0%,#1db5d3 61%,#e27e1f 61%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1db5d3', endColorstr='#e27e1f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.gradbltoorangereverse {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e27e1f+60,1db5d3+60,1db5d3+100 */
background: #e27e1f; /* Old browsers */
background: -moz-linear-gradient(45deg, #e27e1f 60%, #1db5d3 60%, #1db5d3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #e27e1f 60%,#1db5d3 60%,#1db5d3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #e27e1f 60%,#1db5d3 60%,#1db5d3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e27e1f', endColorstr='#1db5d3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.gradbltoorangmiddle {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#58c6d2+0,58c6d2+50,e27e1f+50,e27e1f+100 */
background: #58c6d2; /* Old browsers */
background: -moz-linear-gradient(left, #223644 0%, #223644 50%, #E2CB77 50%, #E2CB77 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #223644 0%,#223644 50%,#E2CB77 50%,#E2CB77 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #223644 0%,#223644 50%,#E2CB77 50%,#E2CB77 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#223644', endColorstr='#E2CB77',GradientType=1 ); /* IE6-9 */
}

/*******************end gradients for backgrounds********************/

/*start map grayscale*/
/*REMOVE THIS FOR FULL COLOR MAP*/
.et_pb_map_container { 
    filter: url("data:image/svg+xml;utf8,#grayscale"); 
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%);
}
/*end map style*/

/*start hover  for pricing table*/
.et_pb_pricing_table:hover {
    box-shadow: 0 5px 20px rgba(255, 255, 255, .4);
    transform: translate3d(0px, -10px, 0px);
    transition: all 0.3s ease-in-out 0s;
}
.et_pb_pricing_table {
    transition: all 0.3s ease-in-out 0s;
}
/*end pricing table hover color*/ 


/*contact form - submit security question color*/
.et_pb_contact_captcha_question {
  color: WHITE;
}
.et_pb_contact_right p input {
  max-width: 46px;
  padding: 9px;
}
/*end submit security question style*/

/*start style for dots list  - to enable dots -settings are on each page up top*/


ul.et_pb_side_nav {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
ul.et_pb_side_nav .side_nav_item a {
  background-color: #E2CB77;
  border: 1px solid rgba(0, 0, 0, 0.2);
  transition: all 0.5s ease 0s;
}
ul.et_pb_side_nav .side_nav_item a.active {
  background-color: blue!important;
  height: 8px;
  width: 8px;
}
ul.et_pb_side_nav .side_nav_item a.active {
  background-color: #58c6d2 !important;
}

/*end style for dots list */


/*------------------------------------------------*/
/*-----------------[CTA Menu Item]----------------*/
/*-----------------[by GenoQuiroz]----------------*/
/*------------------------------------------------*/
 
/* style the get started cta button */
            .get-started {border-radius: 0px;}
            .get-started a {color: #fff!important;}
            li.get-started {
                background-color:#E2CB77; 
                font-weight: 800; 
                text-transform: uppercase; 
                text-align: center; 
                padding: 10px 12px 12px 10px!important;
            border-radius: 3px;
                -moz-transition: all 0.5s; 
                -webkit-transition: all 0.5s;
                transition: all 0.5s;}
            li.get-started:hover {background-color:#C8B56B;}
 
/* fixed header button text color */
                 .et-fixed-header #top-menu .get-started a {
                        color: #fff!important;}
        .get-started li.current-menu-ancestor > a, .get-started li.current-menu-item > a {
                    color: #fff !important;}
 
 
 
    @media only screen and (min-width : 981px) {
            li.get-started {height: 33px;}}