/*
This is the styling for the front-end widget and shortcode 
uses of this plugin. For the administration area styles
please see mlmbm-style-admin.css
*/

.optin_studio_widget {/*padding:0px !important;*/
	overflow:visible;
	border: none;
}
.optin-studio-wrap form {margin:0px;}
.optin-studio-wrap {padding: 15px 0 5px !important; position:relative;}
.optin-studio-wrap input[type="text"],
.optin-studio-wrap input[type="email"] {
	margin-bottom: 10px;
    padding: 8px;
    width: 100%;
    background: #ffffff;
    box-sizing: border-box;
}
.optin-studio-wrap-shortcode, .optin-studio-wrap-general {margin:0 auto 15px;}
.optin-studio {padding: 10px 15px 0 !important;}
.optin-studio-texture {background: url("../images/optin_background_texture.png") repeat scroll right top transparent;}
header#optin-studio-header {border: medium none;
    padding: 8px 5px;
    text-align: center;
	margin-bottom:0px;
	font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;}

.optin-studio-headline {
    margin-bottom: 12px;
    position: relative;
}
.optin-studio-content {}
.optin-studio-content p {
	margin-bottom:12px;
	}
.optin-studio-content img, .optin-studio-content-wide img {
	max-width:100% !important;
	height:auto !important;
	background:none;
	border:none;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	}
	
.optin-studio-content img.aligncenter, .optin-studio-content-wide img.aligncenter {margin:0 auto; display:block;}

.optin-studio-content ul {list-style: disc outside none !important;
    margin-left: 15px !important;}
.optin-studio-content ul li {margin-bottom: 6px !important;
	border:none !important;}	
	
.optin-studio-wrap h1 {font-size: 30px;
line-height: 36px;
margin-bottom:15px;}
.optin-studio-wrap h2 {font-size: 26px;
line-height: 32px;
margin-bottom:15px;}
.optin-studio-wrap h3 {font-size: 22px;
line-height: 28px;
margin-bottom:15px;}
.optin-studio-wrap h4 {font-size: 18px;
line-height: 24px;
margin-bottom:15px;}
.optin-studio-wrap h5 {font-size: 14px;
line-height: 18px;
margin-bottom:15px;}
.optin-studio-wrap h6 {font-size: 12px;
line-height: 14px;
margin-bottom:15px;}

/* BELOW WILL ADD A RIBBON STYLE */

.optin-studio-headline-ribbon:after {
    border-style: solid;
    border-width: 0 0 15px 15px;
    margin-top: 1px;
    right: 0;
    top: 100%;}
.optin-studio-headline-ribbon:after {content: "";
    height: 0;
    position: absolute;
    width: 0;}	
.optin-studio-headline-ribbon {
	margin-right: -15px;
}

#optin-studio-submit-wrap {margin:5px auto 20px;}
#optin-studio-submit-wrap input.optin-studio-submit-gradient,
#optin-studio-submit-wrap input.optin-studio-submit {
    text-shadow: none;
	font-size: 23px;
	width:auto;
	padding: 5px;
	box-shadow: 1px 1px 1px #000000;
	letter-spacing:0;
	float:none;
	display:inline;
}

.center {text-align:center;}
p.optin-studio-privacy {font-size: 11px !important;
line-height: 14px !important;
margin: 0 0 20px !important;
text-align: center;}

/* BACKGROUND STYLES */

/* DARK - BROKEN NOISE */
.optin_background_broken_noise {
	background: url("../images/optin_background_broken_noise.png") repeat scroll center top transparent;
	color:#ffffff;
}
.optin_background_broken_noise p, 
.optin_background_broken_noise p strong,
.optin_background_broken_noise p em,
.optin_background_broken_noise label, 
.optin_background_broken_noise {
	color:#ffffff;
}
.optin_background_broken_noise p strong,
.optin_background_broken_noise p em {color:inherit !important;}
.optin_background_broken_noise .optin-studio-headline {}

/* DARK - DARK WOOD */
.optin_background_dark_wood {
	background: url("../images/optin_background_dark_wood.jpg") repeat scroll center top transparent;
	color:#ffffff;
}
.optin_background_dark_wood p, 
.optin_background_dark_wood p strong,
.optin_background_dark_wood p em,
.optin_background_dark_wood label, 
.optin_background_dark_wood {
	color:#ffffff;
}
.optin_background_dark_wood p strong,
.optin_background_dark_wood p em {color:inherit !important;}
.optin_background_dark_wood .optin-studio-headline {}

/* DARK - DARK BLUE CHECKED */
.optin_background_blue_checked {
	background: url("../images/optin_background_blue_checked.jpg") no-repeat scroll center top #000;
	color:#ffffff;
}
.optin_background_blue_checked p, 
.optin_background_blue_checked p strong,
.optin_background_blue_checked p em,
.optin_background_blue_checked label, 
.optin_background_blue_checked {
	color:#ffffff;
}
.optin_background_blue_checked p strong,
.optin_background_blue_checked p em {color:inherit !important;}
.optin_background_blue_checked .optin-studio-headline {}

/* DARK - RED CANVAS */
.optin_background_red_canvas {
	background: url("../images/optin_background_red_canvas.jpg") repeat-x scroll center top #000;
	color:#ffffff;
}
.optin_background_red_canvas p, 
.optin_background_red_canvas p strong,
.optin_background_red_canvas p em,
.optin_background_red_canvas label, 
.optin_background_red_canvas {
	color:#ffffff;
}
.optin_background_red_canvas p strong,
.optin_background_red_canvas p em {color:inherit !important;}
.optin_background_red_canvas .optin-studio-headline {}

/* LIGHT - GRAY SKETCH */
.optin_background_gray_sketch {
	background: url("../images/optin_background_gray_sketch.jpg") repeat scroll center top transparent;
	color:#000;
}
.optin_background_gray_sketch p, 
.optin_background_gray_sketch p strong,
.optin_background_gray_sketch p em,
.optin_background_gray_sketch label, 
.optin_background_gray_sketch {
	color:#000;
}
.optin_background_gray_sketch p strong,
.optin_background_gray_sketch p em {color:inherit !important;}
.optin_background_gray_sketch .optin-studio-headline {}

/* LIGHT - RICE PAPER */
.optin_background_rice_paper {
	background: url("../images/optin_background_rice_paper.jpg") repeat scroll center top transparent;
	border: 1px solid #DDDDDD;
	color:#000;
}
.optin_background_rice_paper p, 
.optin_background_rice_paper p strong,
.optin_background_rice_paper p em,
.optin_background_rice_paper label, 
.optin_background_rice_paper {
	color:#000;
}
.optin_background_rice_paper p strong,
.optin_background_rice_paper p em {color:inherit !important;}
.optin_background_rice_paper .optin-studio-headline {}


/* LIGHT - GRID NOISE */
.optin_background_grid_noise {
	background: url("../images/optin_background_grid_noise.png") repeat scroll center top transparent;
	color:#000;
	border: 1px solid #EEEEEE;
}
.optin_background_grid_noise p, 
.optin_background_grid_noise p strong,
.optin_background_grid_noise p em,
.optin_background_grid_noise label, 
.optin_background_grid_noise {
	color:#000;
}
.optin_background_grid_noise p strong,
.optin_background_grid_noise p em {color:inherit !important;}
.optin_background_grid_noise .optin-studio-headline {}

/* LIGHT - LIGHT TILE */
.optin_background_light_tile {
	background: url("../images/optin_background_light_tile.jpg") repeat scroll center top transparent;
	color:#000;
	border: 1px solid #EEEEEE;
}
.optin_background_light_tile p, 
.optin_background_light_tile p strong,
.optin_background_light_tile p em,
.optin_background_light_tile label, 
.optin_background_light_tile {
	color:#000;
}
.optin_background_light_tile p strong,
.optin_background_light_tile p em {color:inherit !important;}
.optin_background_light_tile .optin-studio-headline {}


/* COLOR - GREEN PAPER */
.optin_background_green_paper {
	background: url("../images/optin_background_green_paper.jpg") no-repeat scroll center top #071007;
	color:#ffffff;
}
.optin_background_green_paper p, 
.optin_background_green_paper p strong,
.optin_background_green_paper p em,
.optin_background_green_paper label, 
.optin_background_green_paper {
	color:#ffffff;
}
.optin_background_green_paper p strong,
.optin_background_green_paper p em {color:inherit !important;}
.optin_background_green_paper .optin-studio-headline {}

/* COLOR - BLUE CONCRETE */
.optin_background_blue_concrete {
	background: url("../images/optin_background_blue_concrete.jpg") repeat-x scroll center top #24a3d6;
	color:#ffffff;
}
.optin_background_blue_concrete p, 
.optin_background_blue_concrete p strong,
.optin_background_blue_concrete p em,
.optin_background_blue_concrete label, 
.optin_background_blue_concrete {
	color:#ffffff;
}
.optin_background_blue_concrete p strong,
.optin_background_blue_concrete p em {color:inherit !important;}
.optin_background_blue_concrete .optin-studio-headline {}

/* COLOR - RED LO-TECH */
.optin_background_red_tech {
	background: url("../images/optin_background_red_tech.jpg") repeat-x scroll center top #a72e24;
	color:#ffffff;
	position: relative;
}
.optin_background_red_tech p, 
.optin_background_red_tech p strong,
.optin_background_red_tech p em,
.optin_background_red_tech label, 
.optin_background_red_tech {
	color:#ffffff;
}
.optin_background_red_tech p strong,
.optin_background_red_tech p em {color:inherit !important;}
.optin_background_red_tech .optin-studio-headline {}

/* COLOR - GREEN MATRIX */
.optin_background_green_matrix {
	background: url("../images/optin_background_green_matrix.jpg") repeat-x scroll center top #051302;
	color:#ffffff;
}
.optin_background_green_matrix p, 
.optin_background_green_matrix p strong,
.optin_background_green_matrix p em,
.optin_background_green_matrix label, 
.optin_background_green_matrix {
	color:#ffffff;
}
.optin_background_green_matrix p strong,
.optin_background_green_matrix p em {color:inherit !important;}
.optin_background_green_matrix .optin-studio-headline {}



/* Video Embeds */

.optin-studio-wrap video {
	max-width: 100%;
	height: auto;
}
.optin-studio-wrap .embed-container {
	position: relative;
 /* padding-top: 30px; */
	margin: 0 0px 30px;
	height: 0;
	overflow: hidden;
}
.embed-container iframe,   .optin-studio-wrap .embed-container object,  .optin-studio-wrap .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
}
.optin-studio-wrap .embed-container iframe,   .optin-studio-wrap .embed-container object,   .optin-studio-wrap .embed-container embed {
	height: 100% !important;
}

	
.optin-studio-headline-widget, 
.optin-studio-headline-general,
.optin-studio-headline-shortcode {padding:0px !important;}

/* Validation Styles */
.wp-optin-studio-required {background: #f2dede !important;
border: 1px solid #a94442 !important;
border-collapse: collapse;}
.wp-optin-studio-errormsg {color: #a94442;
background: #f2dede;
display: block;
padding: 5px;
border: 1px solid #a94442;
margin-bottom: 6px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;}


/* Shortcode Specific Styles */

.optin-studio-wide {}
.optin-studio-wide .optin-studio {clear: both;
    overflow: hidden;}
.optin-studio-content-wide {float: left;
    width: 47%;}
.optin-studio-form-wide {float: right;
    width: 47%;}

/* All Mobile Sizes (devices and browsers) */
	@media only screen and (max-width: 767px) {

.optin-studio-wide .optin-studio {clear: both;
	overflow: hidden;}
.optin-studio-content-wide {float: none;
width: 100%;}
.optin-studio-form-wide {float: none;
width: 100%;}
	}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
/* SIZE DOWN THE BUTTON TEXT TO MAKE SURE IT FITS */

input.optin-studio-submit-gradient,
.optin-studio input#optin-studio-standard-font {font-size:14px !important;}
.optin-studio-wrap input[type="text"] {width: 100%;}
.optin-studio input#optin-studio-condensed-font {font-size: 18px !important;}

}