/*
Theme Name: Checkalt Merchant Theme
Theme URI: https://www.checkaltmerchantservices.com/
Template: Divi
Author: Hope Lane Design
Author URI: http://www.hopelanedesign.com/
Description: This is a custom child theme for CheckAlt Merchant Services.
Version: 0.1.1446567148
Updated: 2015-11-03 16:12:28
*/

@charset "UTF-8";


/* Header Info */
#et-info {
font-size: 110%;
padding-bottom: 10px;
}
@media only screen and (min-width: 768px) {
    #et-info { float:right !important }
}

/* GetStarted Form */
#form1 * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#form1 #form1wrapper {
	  width: 100%;
}
#form1 .leftcol {
	width: 50%; 
	float:left;
	padding-bottom: 10px;
	}
#form1 .rightcol {
	width: 48%; 
	float:right;
	padding-bottom: 10px;
	}
#form1 .fullcol {
	width: 100%;
	padding-bottom: 10px;
	clear: both;
	}
#form1 button, input, select, textarea {
	font-family: inherit;
	font-size: 100%;
	float: left;
}
#form1 label, legend {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 5px;
	display: block;
	float:left;
	font-weight: bold;
}
#form1 fieldset {
	border: 0;
	padding: 0;
}
#form1 input[type=text],
#form1 input[type=email],
#form1 input[type=url],
#form1 input[type=password],
#form1 textarea {
	width: 100%;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding-top: 10px;
}
#form1 input[type=text],
#form1 input[type=email],
#form1 input[type=url],
#form1 input[type=password] {
	width: 100%;
	float:left;
}
#form1 input[type=text]:focus,
#form1 input[type=email]:focus,
#form1 input[type=url]:focus,
#form1 input[type=password]:focus,
#form1 textarea:focus {
	outline: 0;
	border-color: #4697e4;
}
#form1 .desc {
	padding-top: 20px;
	padding-bottom: 10px;
	display: block;
	font-weight: bold;
}
#form1 .citycol {
	width: 65%; 
	float:left;
	padding-bottom: 10px;
	padding-right: 4%;
	}
#form1 .statecol {
	width: 10%; 
	float:left;
	padding-bottom: 10px;
	padding-right: 4%;
	}
#form1 .zipcol {
	width: 20%; 
	float:right;
	padding-bottom: 10px;
	}
/* Makes responsive fields. Sets size and field alignment.*/
@media (max-width: 600px) {
#form1 #form1wrapper {
	width: 100%;
	margin: 0 0 15px 0; 
  }
#form1 label, legend {
	width: 100%;
    	float: none;
    	margin: 0 0 5px 0;
  }
#form 1 fieldset {
    width: 100%;
    float: none;
  }
#form1 .leftcol {
	width: 100%; 
	float:none;
	padding-bottom: 5px;
	}
#form1 .rightcol {
	width: 100%; 
	float:none;
	padding-bottom: 5px;
	}
#form1 .citycol {
	width: 100%; 
	float:left;
	padding-bottom: 5px;
	}
#form1 .statecol {
	width: 100%; 
	float:left;
	padding-bottom: 5px;
	}
#form1 .zipcol {
	width: 100%; 
	float:left;
	padding-bottom: 5px;
	}

#form 1 input[type=text],
#form 1 input[type=email],
#form 1 input[type=url],
#form 1 input[type=password],
#form 1 textarea,
  select {
    width: 100%; 
  }
}

/*------------------------------------------------*/
/*-----------------[Typography]----------------*/
/*------------------------------------------------*/
 
/* more line leading in headings */
h1 {
line-height: 110%;
}


/*------------------------------------------------*/
/*-----------------[CTA Menu Item]----------------*/
/*------------------------------------------------*/
 
/* style the get started cta button */
            .get-started {border-radius: 0px;}
            .get-started a {color: #fff!important;}
            li.get-started {
                background-color:#8cc541; 
                font-weight: 700; 
                text-transform: uppercase; 
                text-align: center; 
                padding: 10px 10px 15px!important;
            border-radius: 3px;
                -moz-transition: all 0.5s; 
                -webkit-transition: all 0.5s;
                transition: all 0.5s;}
            li.get-started:hover {background-color:#1ebac8;}
 
    @media only screen and (min-width : 981px) {
            li.get-started {height: 33px;}}

/*—————[edit position]—————*/
/* slide header position */
.et_pb_slide_with_image .et_pb_slide_description  {
width: 75%; /* adjust this to your slideshow width */
text-align: center;
float: none; 
}



/*—————[edit image]—————*/
/* button over image */

#overlay-cta { 
height:370px; 
width:100%; 
background-color: rgba(30, 186, 200, 0.0);
}

#overlay-cta:hover {
   background-color: rgba(30, 186, 200, 0.5);
}

/*—————[edit position]—————*/
/* slide header position right */
@media only screen and ( min-width:981px ) {
    .indent-slider-text.et_pb_slider .et_pb_container {
    float: right !important; /*move the slider text container to the right*/
        height: 525px !important; 
}

.indent-slider-text .et_pb_slide_description  {
	text-align: left !important; /*align the slider text to the left*/
	padding-top: 2%  !important;
	padding-left: 40%  !important; /*adjust the padding around the slider text container, this will also help you to control the height of your slides. You can remove this if you want the default height*/
}
.nonindent-slider-text .et_pb_slide_description  {
	text-align: left !important; /*align the slider text to the left*/
	padding-top: 4%  !important;
	padding-left: 0px  !important; /*adjust the padding around the slider text container, this will also help you to control the height of your slides. You can remove this if you want the default height*/
}

.indent-slider-text.et_pb_slider .et_pb_button {
    float: left !important; /*move the button to the left*/
}

    /*---Left---*/
    .ds-slider-left.et_pb_slider .et_pb_container {
        float: left !important; /*move the slider text container to the left*/
        height: 525px !important; 
    }
    .ds-slider-left .et_pb_slide_description  {
    	text-align: left !important; /*align the slider text to the left*/
    	padding: 5% 50% 10% 0%; /*adjust the padding around the slider text container, this will help you to control the 
    	height of your slides. You can remove this if you want the default height*/
    }
    .ds-slider-left.et_pb_slider .et_pb_button {
        float: left !important;  /*move the button to the left*/
    }

 /*---Right---*/
    .ds-slider-right.et_pb_slider .et_pb_container {
        float: right !important; /*move the slider text container to the right*/
        height: 525px !important; 
    }
    .ds-slider-right .et_pb_slide_description  {
    	text-align: right !important; /*align the slider text to the right*/
    	padding: 5% 0% 10% 40%; /*adjust the padding around the slider text container, this will help you to control the 
    	height of your slides. You can remove this if you want the default height*/
    }
    .ds-slider-right.et_pb_slider .et_pb_button {
        float: right !important;  /*move the button to the right*/
    }

    /*---Center blurbs---*/
.centerdiv {
	text-align: center !important; /*align the slider text to the center*/
}

.centerdiv.et_pb_row { 
padding-top: 0px !important;
padding-bottom: 0px !important; }

.et_pb_gutters3 .et_pb_column_4_4 .et_pb_module, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_module {
    margin-bottom: 0;
}


    /*---Iframe Get Started---*/

.iframe-container {
  position: relative;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}