/*

Theme Name: Lucid - eStreak Theme

Version: 1.1

Description: A child theme of Lucid

Template: Lucid

*/



@import url("../Lucid/style.css");



/*******************************************

        Misc Customization

*******************************************/

.align-right {

	text-align: right;

}

.entry h2.title, h1.title {

	margin-bottom: 20px;

}



/*******************************************

        Header Customization

*******************************************/

#main-header {

	margin-bottom: 0px;

}

.container #logo-area {

	text-align: left;

	margin: 0px;

	padding: 15px 0px;

}

#search {

	display: none;

}

#top-menu {

	float: right;

	border: none;

}

#breadcrumbs {

	display: none;

}

#main-area {

	padding-top: 25px;

	padding-bottom: 5px;

	background-image: url('/wp-content/uploads/bg.jpg');

	background-size: 100%;

}

span.menu_slide {
    display: block;
    color: #fff;
}



/*******************************************

        Footer Customization

*******************************************/

#main-footer {

	margin-bottom: 0px;

}

#footer-bottom {

	padding-top: 15px;

	background-color: #ffffff;

}

#unsubscribe-links {
	padding-left: 40px;
	color: #aaa;
	font-size: 13px;
}
#unsubscribe-links a {
	color: #aaa;
}



/*******************************************

        Menu Customization

*******************************************/

#secondary-menu {

	background-color: #ffffff;

}

#second-menu > ul > li > a:hover {

	background: #0061aa !important;

	color: #ffffff;

}

#second-menu ul > li.current-menu-item > a {

	background: #0061aa;

	color: #ffffff;

}

#second-menu ul > li.current-menu-item > a .main_text {

	color: #ffffff;

	text-shadow: none;

}



/* Responsive */

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

	#main-header .mobile_nav {

		position: relative;

		left: auto;

		text-align: center;

	}

	#main-header .mobile_nav > span {

		right: 165px;

	}

	.et_mobile_menu {

		left: auto;

	}

}

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

	#main-header .mobile_nav > span {

		right: 12px;

	}

}

/*******************************************

        Subscriber Lists

*******************************************/

.table-wrapper {

	height: 500px;

	overflow-y: scroll;

	border: 2px solid #000000;

	background: #fdfdfd;

}

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

	.table-wrapper {

		height: auto;

		overflow: visible;

	}

}

.hidden {

	display: none;

}

table.subscriber-table {

	width: 100%;

	margin: 0px;

	table-layout: fixed;

}

table.subscriber-table tbody {

	width: 100%;

}

table.subscriber-table.column-heads {

	width: 98%;

}

table.subscriber-table.column-heads td.action {

	text-align: center;

}

table.subscriber-table fieldset {

	position: relative;

	margin: 0px;

	width: 98%;

}

table.subscriber-table tr:nth-child(4n+2), table.subscriber-table tr:nth-child(4n+3) {

	background: #fdfdfd;

}

table.subscriber-table tr:nth-child(4n+1), table.subscriber-table tr:nth-child(4n+4) {

	background: #f9f9f9;

}	

table.subscriber-table tr.subscriber-row:hover {

	background: #ffffff;

}



table.subscriber-table tr.header, table.subscriber-table tr.header:hover, table.subscriber-table tr.header:hover td, table.subscriber-table tr.header td a, table.subscriber-table tr.header td a:hover, table.subscriber-table tr.header td.action {

	color: #0061aa;

	font-style: normal;

	font-weight: 700;

	font-size: 16px;

	background: none;

}

tr.closed .arrow {

	float: left;

	-webkit-transform: rotate(90deg); /* Safari and Chrome */

	transition: transform 0.5s, -ms-transform 0.5s, -webkit-transform 0.5s;

	-webkit-transition: transform 0.5s, -ms-transform 0.5s, -webkit-transform 0.5s;

}

tr.open .arrow {

	float: left;

	transform: rotate(90deg);

	-ms-transform: rotate(90deg); /* IE 9 */

	-webkit-transform: rotate(90deg); /* Safari and Chrome */

	transition: transform 0.5s, -ms-transform 0.5s, -webkit-transform 0.5s;

	-webkit-transition: transform 0.5s, -ms-transform 0.5s, -webkit-transform 0.5s;

}

table.subscriber-table td.fname, table.subscriber-table td.lname {

	width: 15%;

}

table.subscriber-table td.wd, table.subscriber-table td.tm {

	width: 23%;

}

table.subscriber-table td.approve, table.subscriber-table td.delete, table.subscriber-table td.hold, table.subscriber-table td.decline {

	width: 8%;

}



tr.subscriber-row .fname, tr.subscriber-row .lname, tr.subscriber-row .wd, tr.subscriber-row .tm {

	cursor: pointer;

}

tr.edit-sub-row td {

	padding: 0px;

}

.edit-sub-fld {

	float: left;

	margin: 0px 10px;

	width: 30%;

	text-align: left;

}

.edit-sub-fld input {

	float: left;

	margin: 0px 0px 10px;

}

.edit-sub-fld input[type="text"] {

	width: 90%;

}

.edit-sub-fld input[type="radio"], .edit-sub-fld input[type="checkbox"] {

	float: left;

	margin: 2px 10px;

}

.edit-sub-buttons {

	display: inline-block;

	width: 100%;

	text-align: right;

}

.edit-sub-buttons input {

	position: relative;

}

.fld-label {

	display: table-row;

	width: 100%;

	margin: 0px;

}

.unsubscribe-date {

	clear: both;

	display: block;

	position: relative;

	padding-top: 8px;

	padding-left: 8px;

}

form .unsubscribe-date.date-1 {

	padding-top: 20px;

}

td.approve div, td.hold div, td.decline div, td.delete div {

	color: #ffffff;

	text-align: center;

	font-size: 11px;

	margin: 4px 2px;

	padding: 5px 0px;

	border-radius: 5px;

	background-color: #e6c75d; /* fallback for non CS3 browsers */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E6C75D', endColorstr='#614100'); /* for IE */

	background-image: -ms-linear-gradient(top, #E6C75D 0%, #614100 100%); /* IE10 Consumer Preview */

	background-image: linear-gradient(to bottom, #E6C75D 0%, #614100 100%); /* W3C Markup, IE10 Release Preview */

	background: -webkit-gradient(linear, left top, left bottom, from(#E6C75D), to(#614100)); /* for webkit browsers */

	background: -moz-linear-gradient(top,  #E6C75D,  #614100); /* for firefox 3.6+ */

	box-shadow: 2px 2px 4px #000000, 0px 2px 4px -1px #737373 inset;

	cursor: pointer;

}

td.approve div:hover{

	color: #ffffff;

	border-radius: 5px;

	background-color: #00cd00; /* fallback for non CS3 browsers */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00cd00', endColorstr='#004600'); /* for IE */

	background-image: -ms-linear-gradient(top, #00cd00 0%, #004600 100%); /* IE10 Consumer Preview */

	background-image: linear-gradient(to bottom, #00cd00 0%, #004600 100%); /* W3C Markup, IE10 Release Preview */

	background: -webkit-gradient(linear, left top, left bottom, from(#00cd00), to(#004600)); /* for webkit browsers */

	background: -moz-linear-gradient(top,  #00cd00,  #004600); /* for firefox 3.6+ */



	box-shadow: 2px 2px 4px #000000;

	cursor: pointer;

}

td.hold div:hover {

	color: #ffffff;

	border-radius: 5px;

	background-color: #ebd800; /* fallback for non CS3 browsers */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebd800', endColorstr='#615900'); /* for IE */

	background-image: -ms-linear-gradient(top, #ebd800 0%, #615900 100%); /* IE10 Consumer Preview */

	background-image: linear-gradient(to bottom, #ebd800 0%, #615900 100%); /* W3C Markup, IE10 Release Preview */

	background: -webkit-gradient(linear, left top, left bottom, from(#ebd800), to(#615900)); /* for webkit browsers */

	background: -moz-linear-gradient(top,  #ebd800,  #615900); /* for firefox 3.6+ */

	box-shadow: 2px 2px 4px #000000;

	cursor: pointer;

}

td.decline div:hover {

	color: #ffffff;

	border-radius: 5px;

	background-color: #f28300; /* fallback for non CS3 browsers */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f28300', endColorstr='#452500'); /* for IE */

	background-image: -ms-linear-gradient(top, #f28300 0%, #452500 100%); /* IE10 Consumer Preview */

	background-image: linear-gradient(to bottom, #f28300 0%, #452500 100%); /* W3C Markup, IE10 Release Preview */

	background: -webkit-gradient(linear, left top, left bottom, from(#f28300), to(#452500)); /* for webkit browsers */

	background: -moz-linear-gradient(top,  #f28300,  #452500); /* for firefox 3.6+ */

	box-shadow: 2px 2px 4px #000000;

	cursor: pointer;

}

td.delete div:hover {

	color: #ffffff;

	border-radius: 5px;

	background-color: #d70000; /* fallback for non CS3 browsers */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d70000', endColorstr='#630000'); /* for IE */

	background-image: -ms-linear-gradient(top, #d70000 0%, #630000 100%); /* IE10 Consumer Preview */

	background-image: linear-gradient(to bottom, #d70000 0%, #630000 100%); /* W3C Markup, IE10 Release Preview */

	background: -webkit-gradient(linear, left top, left bottom, from(#d70000), to(#630000)); /* for webkit browsers */

	background: -moz-linear-gradient(top,  #d70000,  #630000); /* for firefox 3.6+ */

	box-shadow: 2px 2px 4px #000000;

	cursor: pointer;

}

.application-date {

	position: absolute;

	bottom: 15px;

	left: 10px;

	text-decoration: italic;

}

.table-instructions {

	border: 2px solid #000000;

	background-color: #f9f9f9;

	padding: 15px;

	margin-top: 20px;

	text-align: center;

	font-style: italic;

	font-weight: 700;

}

.ui-widget .ui-widget {

	font-size: 0.9em !important;

}

/* Responsive */

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

	.edit-sub-fld {

		width: 44%;

	}

	tr.subscriber-row td {

		overflow: hidden;

	}

	tr.subscriber-row .fname, tr.subscriber-row .lname, tr.subscriber-row .wd, tr.subscriber-row .tm {

		padding: 0px 4px;

	}

	tr.subscriber-row .fname .arrow {

		display:none;

	}

	td.approve div, td.hold div, td.decline div, td.delete div {

		text-align: left;

		overflow: hidden;

	}

}

/*******************************************

        Application Page

*******************************************/

.application-block {

	display: block;

	width: 100%;

	margin-bottom: 25px;

	text-align: left;

}

.application-row {

	display: table-row;

	padding-top: 7px;

}

.application-row div {

	display: table-cell;

	height: 100%;

	vertical-align: middle;

	margin: 1px 0px;

}

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

	.application-row div {

		display: block;

	}

	.application-row div.label{

		margin-bottom:4px;

	}

}

.application-row label {

	vertical-align: middle;

	margin-right: 10px;

	padding-top: 5px;

	white-space: nowrap;

}

div#make-xls {

	position: absolute;

	top: 40px;

	right: 30px;

}

input[type="checkbox"], input[type="radio"] {

	vertical-align: middle;

}

#estreak_application .application-row input[type="text"] {

	margin: 0px 25px 2px 0px !important;

}

#estreak_application .application-row input[type="text"]:disabled {

	background: #f6f6f6;

}

#estreak_application .application-row #ex_field9_1, #estreak_application .application-row input#ex_field9_2[type="text"], #estreak_application .application-row input#ex_field9_3 {

	margin-right: 2px !important;

}



/* Responsive Subscriber List */

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

	div#make-xls {

		width: 250px;

		top: 30px;

	}

	table.subscriber-table tr.header, table.subscriber-table tr.header:hover, table.subscriber-table tr.header:hover td, table.subscriber-table tr.header td a, table.subscriber-table tr.header td a:hover, table.subscriber-table tr.header td.action {

		font-weight: 400;

		font-size: 14px;

	}

	html, body, div {

		font-size: 13px;

	}

}



/******************************************

     Buttons

******************************************/

.button {

	text-align: center;

	display: inline-block;

	background-color: #e6c75d; /* fallback for non CS3 browsers */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E6C75D', endColorstr='#614100'); /* for IE */

	background-image: -ms-linear-gradient(top, #E6C75D 0%, #614100 100%); /* IE10 Consumer Preview */

	background-image: linear-gradient(to bottom, #E6C75D 0%, #614100 100%); /* W3C Markup, IE10 Release Preview */

	background: -webkit-gradient(linear, left top, left bottom, from(#E6C75D), to(#614100)); /* for webkit browsers */

	background: -moz-linear-gradient(top,  #E6C75D,  #614100); /* for firefox 3.6+ */

	box-shadow: 2px 2px 8px #737373, 1px 3px 6px -3px #737373 inset;

	color: #ffffff;

	padding: 10px 20px;

	text-align: center;

	font-weight:700;

	border-radius: 8px;

	cursor: pointer;

	margin-bottom: 15px;

	margin-right: 10px;

}

.button.short {

	padding: 6px 20px;

}

.button:hover {

	background-color: #e6c75d; /* fallback for non CS3 browsers */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d70000', endColorstr='#630000'); /* for IE */

	background-image: -ms-linear-gradient(top, #d70000 0%, #630000 100%); /* IE10 Consumer Preview */

	background-image: linear-gradient(to bottom, #d70000 0%, #630000 100%); /* W3C Markup, IE10 Release Preview */

	background: -webkit-gradient(linear, left top, left bottom, from(#d70000), to(#630000)); /* for webkit browsers */

	background: -moz-linear-gradient(top,  #d70000,  #630000); /* for firefox 3.6+ */

	box-shadow: 2px 2px 8px #000000;

}

.save-success {

	background-color: #cfffcf;

	transition: opacity 1s ease;

}

.validation-msg {

	color: red;

}



/**************************************

     Home Page Styles

**************************************/

.select-lang {

	text-align: center;

	background: #0061aa;

	color: #ffffff;

	font-size: 21px;

	font-weight: 700;

	line-height: 28px;

	padding: 15px;

	margin: 0px auto -5px;

	max-width: 600px;

}

table#home-page-tbl {

	width: 100%;

	table-layout: fixed;

	border-collapse: collapse;

	margin-bottom: 75px;

}

table#home-page-tbl img {

	margin: 0px;

	padding: 0px

}

table#home-page-tbl td {

	opacity: 1;

	transition: opacity 0.3s ease-in-out;

	-webkit-transition: opacity 0.3s ease-in-out;

}

table#home-page-tbl td:hover {

	opacity: 0.6;

	transition: opacity 0.3s ease-in-out;

	-webkit-transition: opacity 0.3s ease-in-out;

}

table#home-page-tbl a:hover {

	text-decoration: none;

}

table#home-page-tbl td p {

	color: #0061aa;

	padding: 0px 12px 0px 97px;

	margin: 0px;

	font-size: 16px;

	line-height: 22px;

}

table#home-page-tbl td:last-child p {

	padding-left: 48px;

	padding-right: 23px;

}


/* Unsubscribe Pages */

.split-cols > div.col {
	width: 49%;
	box-sizing: border-box;
	text-align: center;
	padding: 25px;
}
.split-cols > div.col p {
	min-height: 100px;
}
.unsubscribe-button {
	position: relative;
}
.unsubscribe-button .check {
	top: 26px;
	position: absolute;
	width: 100%;
}
.unsubscribe-button img {
	cursor: pointer;
}
.unsubscribe-button .check img {
	cursor: pointer;
	padding-left: 20px;
}
.unsubscribe-submit {
	display: block;
	clear: both;
	text-align: center;
}

/* Responsive Adjustments */

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

	.select-lang {

		max-width: 550px;

	}

	table#home-page-tbl td p {

		padding: 0px 0px 0px 60px;

	}

	table#home-page-tbl td:last-child p {

		padding: 0px 15px 0px 20px;

	}

}

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

	.select-lang {

		max-width: 300px;

		font-size: 13px;

		line-height: 22px;

	}

	table#home-page-tbl td p {

		padding: 0px;

		font-size: 12px;

	}

	table#home-page-tbl td:last-child p {

		padding: 0px;

	}

}