/*
Theme Name:  Jim Wimsatt for Judge
Theme URI:   http://divithemes.reviews
Version:     1.0
Description: Custom theme for Jim Wimsatt Judicial Campaign
Author:      Steve Saladino
Template:    Divi
*/

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

/* SITEWIDE STYLES */
body, p {font-family: 'Open Sans', sans-serif !important; font-size:20px; font-weight:400; color:#0e2771}
body {background-color:#fff;}
p {font-size:20px; line-height:1.5em !important; margin-bottom:10px; color:#0e2771 !important;}

p a, p a:link, p a:visited  {font-weight:400;}

p.photocaption {font-size:16px; color:#0e2771; font-style:italic; text-align:right; margin-bottom:30px !important;}

.blue {color:#0e2771;}

.fineprint p, p.fineprint {font-size:16px !important; line-height:140%;}
.fineprint h6 {padding:0; margin:20px 0 0 0;}

div.clear {clear:both;}
.noshow {display:none !important;}


/* RESPONSIVE CLASSES */
.onlydesktop {display:block !important;}
.onlymobile {display:none !important;}

/* BUTTONS */
a.button, input.button, button._submit, div.contactform .submit input {display:inline-block; padding:20px; background-color:#e6001c; text-transform:uppercase; border:5px solid #0e2771; border-radius:20px; margin:30px 0; text-align:center; color:#fff; font-weight:normal; font-size:36px; font-family:'Anton', sans-serif; line-height:100%; height:auto !important;}
a.button:hover,  input.button:hover, button._submit:hover, div.contactform .submit input:hover {background-color:#0e2771 !important; color:#fff !important;}

a.button.big {display:block; padding:30px; background-color:#e6001c; text-transform:uppercase; border:5px solid #0e2771; border-radius:20px; margin:30px 0; text-align:center; color:#fff; font-weight:normal; font-size:60px !important; font-family:'Anton', sans-serif; line-height:100%; height:auto !important;}
a.button.big:hover {background-color:#0e2771 !important; color:#fff !important;}

/* MAIN LOGO */
img#logo {display:none;}

.center {text-align:center !important;}
.left {text-align:left !important;}

/* MAIN THEME CONTAINERS */
div#page-container {background-color:transparent !important;}
header#main-header {background-color:#0e2771; padding:0 20px !important; width:100%; margin:0 0 0 0 !important;}

div#et-main-area {border:0px dashed red !important; background-color:transparent !important; margin-left: 0px !important; padding:0 !important;}
div#main-content {border:0px dashed yellow !important; background-color:transparent !important; padding:0 !important;}
div.container {border:0px dashed green !important; background-color:transparent !important; max-width:100%; width:100%; padding:0 !important;}
div#content-area {border:0px dashed blue !important; background-color:transparent !important; padding:0 !important; margin:0px auto !important; }
div#left-area {border:0px dotted purple !important; background-color:transparent !important; padding:40px 0 !important; margin:0 auto !important;}
div.section {border:0px dotted red !important; background-color:transparent !important; padding:0 !important; margin:0 auto !important; width:60%;}


h1.main_title {display:none;} /* Removes the default page title */

/* LOGOBAR */
div.logobar {
	background-color:#fff;
	background-image:url('https://jimforjudge.com/wp-content/uploads/logobar-bg.png');
	background-size:4% !important;
	background-repeat:repeat-x;
	background-position:bottom center;
	width:100%;
	padding:0 !important;
	margin:0 !important;
	text-align:center !important;
	vertical-align:bottom !important;
	line-height:120%;
	color:#fff;
	font-family:'Open Sans', sans-serif;
}

div.logobar img {display:block; width:60%; padding:20px 0 0 0 !important; margin:auto !important;}


/* HEADLINES */
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {font-family:'Anton', sans-serif; text-transform:uppercase; color:#0e2771; margin-top:20px; font-style:italic; font-weight:normal; line-height:100% !important; }

h1 {font-size:65px; margin-bottom:25px; border-bottom:8px solid #e6001c; text-align:left; color:#0e2771;}
h2 {font-size:55px;}
h3 {font-size:45px;}
h4 {font-size:35px !important;}
h5 {font-size:30px;}
h6 {font-size:20px;}
h6.bullettag {padding:10px; margin-bottom:15px; border-bottom:2px solid #ffd200; color:#0e2771;}
h1 span {color:#00a995;}

/* MAIN NAVIGATION */
#et-top-navigation {padding:0 20% !important; margin:0 0 0 0;}
nav#top-menu-nav {padding:0 !important;}
ul#top-menu li.menu-item {font-family: 'Anton', sans-serif; font-size:28px; line-height:75%; padding:0 !important; margin:0 !important; border:0px dotted yellow;}

ul#top-menu li.menu-item a {color:#fff; padding:20px 20px; margin:0 !important; text-align:left; text-transform:uppercase; font-style:italic; font-weight:normal; border-right:2px solid #0e2771;}
ul#top-menu li.menu-item.donate a {background-color:#e6001c !important;}
ul#top-menu li.menu-item.last a {border-right:0px solid #046a5e !important;}
ul#top-menu li.menu-item a:hover {color:#e5fffc; background-color:transparent;}
ul#top-menu li.menu-item a:active {color:#e5fffc !important;}
ul#top-menu li.menu-item.attend {background-color:#49a3da;}

/* DROP DOWN MENU */
.nav li {position: relative;}
.nav li ul { position: absolute; top: 52px; left:0; padding:0px !important; border:0px dashed red; }
.nav li ul { z-index: 9999; width:150px; background-color:rgba(30,67,129,0.9) !important; border-top: 2px solid #fff !important;}
#top-menu li li a {color:#fff; width:130px; padding:0 !important; margin:0; border:0px greenyellow dashed !important; }
.submenu-item {background-image:none !important;}

/* SUB MENU */
ul#top-menu ul.sub-menu li.menu-item {text-transform:uppercase; font-family:'Anton', sans-serif; font-weight:normal; border-bottom:1px solid #bcddf3 !important; padding:0; vertical-align:middle; margin-right:0px !important;}
ul#top-menu ul.sub-menu li.menu-item:hover {}
ul#top-menu ul.sub-menu li.menu-item a {color:#fff; font-weight:700 !important; font-size:22px !important; padding:0 0 0 0 !important; background-image:none !important; border:0px dashed gold;}
ul#top-menu ul.sub-menu li.menu-item a:hover {color:#bcddf3;}
ul#top-menu ul.sub-menu li.menu-item a:active {color:#bcddf3 !important; font-weight:700 !important;}
ul#top-menu ul.sub-menu li.menu-item.submenu-item {background-image:none !important;}

/* JIM BULLETS */
ul.jimbullets li {
	border:0px dashed greenyellow;
	padding:0 0 0 10px !important;
	margin:0 0 15px 0;
	color:#0e2771;
	line-height:120%;
	font-size:18px;
	list-style-image:url('https://jimforjudge.com//wp-content/uploads/gavelbullet1.png');
	vertical-align:top !important;
}

/* CONTACT FORM */
div.contactform {border:1px solid #ccc;}
div.contactform div.flexcol {border:0px dotted green; padding:30px 2% 10px 2% !important; box-sizing: border-box !important;}
div.contactform label input.wpcf7-text, div.contactform label textarea {width:100%;}
div.contactform label input {height:40px; margin-bottom:10px;}
div.contactform label textarea {height:100px;}
div.contactform select.statedrop {width:60%; height:40px; font-size:20px; margin-bottom:10px;}
div.contactform label.zip input {width:12ch;}
div.contactform p.authorize {font-weight:bold; text-transform:uppercase; padding:0 !important; margin:0 !important;}
div.contactform p.disclaimer {font-style:italic; font-size:14px; Line-height:110%;}


/* Volunteer Checklist */
span.wpcf7-checkbox.help-list span.wpcf7-list-item {display:block !important; padding:3px 0; margin-bottom:0px; font-size:16px; line-height:1.1em !important; border:0px dotted red;}
div.contactform span.wpcf7-checkbox input {height:auto;}





/* FLEX COLUMNS */
div.flexcol {border:0px dotted red; display:inline-block; width:49.5%; padding:20px 2%; margin:0 !important; box-sizing:border-box !important; vertical-align:top !important;}
div.flexcol.textpadding {padding:20px 5% 20px 0 !important;}
div.flexcol.nopadding {padding:0 0 0 0 !important;}



/* VARIOUS FLEX COLUMN WIDTHS */
div.flexcol.ten {width:9% !important;}
div.flexcol.twenty {width:19.5% !important;}
div.flexcol.thirty {width:29.5% !important;}
div.flexcol.forty {width:39.5% !important;}
div.flexcol.sixty {width:59.5% !important;}
div.flexcol.seventy {width:69.5% !important;}
div.flexcol.eighty {width:79.5% !important;}
div.flexcol.one-third {width:89.5% !important;}



/* EVENT LISTING */
div.event {border:5px solid #ffd200; width:100%; display:block; padding:0; margin-bottom:40px; vertical-align:middle !important;}
div.details {display:inline-block; width:80%; vertical-align:middle !important;}
div.event div.details p.title {font-size:40px; font-weight:bold; line-height:100%; padding:0 !important; margin:0 !important; text-transform:uppercase; }
div.event div.details p.time {font-size:32px; font-weight:bold; line-height:100%; padding:10px 0 !important; margin:0 !important;}
div.event div.details p.place {font-size:24px; font-weight:bold; line-height:100%; padding:0 !important; margin:0 !important;}

div.event div.calpage {border:10px solid #ffd200; background-color:#1c3f94; display:inline-block; vertical-align:middle !important; text-align:center !important; width:10%; height:100%; padding:40px 2%; margin:0 30px 0 0;}
div.event div.calpage p {text-transform:uppercase; font-weight:bold; line-height:100%; padding:0 !important; margin:0 !important; color:#fff !important;}
div.event div.calpage p.day {font-size:26px;}
div.event div.calpage p.date {font-size:50px;}
div.event div.calpage p.month {font-size:30px;}



/* HOST LIST */
ul.hostlist {padding:0 !important; margin:0;}
ul.hostlist li {border:0px dotted purple; padding:0; margin:0px 0 12px -15px; text-align:center; list-style-type:none; line-height:100%; color:#1c3f94; font-size:16px;}
ul.hostlist li span {font-style:italic; font-size:14px;}

/* FOOTER */
footer#main-footer {margin-top:0px !important; width:100%; padding:0 !important; margin:0 !important; text-align:center; background-color:transparent !important; color:#fff; font-size:13px; line-height:120%; position:relative; z-index:10000;}
div#et-footer-nav {padding:0 !important; margin:0 !important;}
div#et-footer-nav div.container {padding:0 !important; margin:0 !important;}
div#footer-bottom {padding:20px 0 10px 0 !important; margin:0 !important; background-color:#e6001c;}
p#footer-info {color:#fff; font-size:20px; padding:0 15% !important; width:70%; text-align:center;}
p.copyright {color:#fff; font-size:14px; padding-bottom:20px;}

div#footer-bottom div.contact {width:100%; margin:auto; font-size:18px; font-weight:700 !important; text-align:center;}
div#footer-bottom div.contact a {color:#fff; font-weight:800; text-decoration:underline;}

div#footer-bottom ul.contactlist {margin:auto; border:0px dotted red;}
div#footer-bottom div.contactcolumn {display:inline-block; width:auto; text-align:left;}
div#footer-bottom div.contactcolumn span {color:#00a995;}

div#footer-bottom ul.contactlist li {padding:0 10px !important; border-right:2px solid #0e2771; line-height:150% !important; width:auto !important; display:inline-block; }
div#footer-bottom ul.contactlist li.last {border-right:0px;}

div#footer-bottom ul.contactlist li.involved {font-family: 'Anton', sans-serif; font-size:32px; font-style:italic; font-weight:normal; text-transform:uppercase; padding-bottom:10px !important; color:#0e2771; display:block;}
div#footer-bottom ul.contactlist li.office {background-image:url('https://jimforjudge.com/wp-content/uploads/icons/office-icon.png');}
div#footer-bottom ul.contactlist li.phone {background-image:url('https://jimforjudge.com/wp-content/uploads/icons/phone-icon.png');}
div#footer-bottom ul.contactlist li.email {background-image:url('https://jimforjudge.com/wp-content/uploads/icons/email-icon.png');}
div#footer-bottom ul.contactlist li.facebook {background-image:url('https://jimforjudge.com/wp-content/uploads/icons/facebook-icon.png');}
div#footer-bottom p.disclaimer {width:50% !important; margin:auto; color:#fff !important; font-size:12px; padding:20px 0; text-align:center;}



/* comments fix */
#comment-wrap {
	max-width: 1080px;
	margin: 0 auto;
	padding: 30px 0 0 0;
}

/*-------------------[1080px]------------------*/
@media only screen and ( max-width: 1080px ) {
	#comment-wrap {
		max-width: 934px;
	}
}

/*-------------------[1024px]------------------*/
@media only screen and ( max-width: 1024px ) {
	#comment-wrap {
		max-width: 934px;
	}
}

/*-------------------[980px]------------------*/
@media only screen and (max-width: 980px) {

/* SITEWIDE STYLES MOBILE */
body, p {font-size:16px; line-height:140%;}
p {margin-bottom:5px; color:#444;}

p.callout {font-size:18px;}
	
/* BUTTONS NARROW */
a.button, input.button, button._submit, div.contactform .submit input {display:inline-block; padding:15px; margin:22px; font-size:24px;}
	
/* MAIN THEME CONTAINERS MOBILE */
div.section {width:85% !important;}

	

/* LOGOBAR MOBILE */
div.logobar {background-repeat:repeat-x !important; background-size:5% !important;}
div.logobar img {width:95%; padding:5px 0 0 0 !important;}

	
/* MAIN NAVIGATION MOBILE */
.nav li ul {width:auto;}

ul.sub-menu {padding:0 !important; margin-top:0px;}
ul.sub-menu li {margin-top:-1px; padding:0 !important;}
ul.sub-menu li a {font-size:15px !important; text-transform:none !important; color:#009445 !important; padding:0 !important;}

.et_mobile_menu {background-color:rgba(2,35,70,0.9) !important; padding:0 !important;}
.et_mobile_menu li {border-bottom:1px solid #49a3da; background-color: rgba(197,62,118,0); margin:0; margin-top:-1px; padding:15px 5% !important;}
.et_mobile_menu li:hover {background-color: rgba(197,62,118,0.4);}
ul.sub-menu li {border:0 !important; border-top:1px solid #7e0808 !important; border-bottom:1px solid #009445 !important; background-color: transparent; margin:0; margin-top:-1px; padding:5px 0 !important;}
ul.sub-menu li.last {border:0; border-top:0; border-bottom:0; background-color: transparent; margin:0; margin-top:-1px; padding:5px 0 !important;}
.et_mobile_menu li a, ul.sub-menu li a {font-family:'Anton', sans-serif; font-size:24px; font-weight:normal !important; text-transform:uppercase; color:#fff !important; padding:0 !important;}
ul.sub-menu li a {font-size:13px; font-weight:normal !important;}
.et_mobile_menu ul.sub-menu li a {padding:0 !important; padding-left:30px;}
	
.mobile_menu_bar {position: relative; margin-left:0 !important; margin:auto !important; text-align:center !important;}

.mobile_menu_bar:before { font-size:35px !important; color:#fff !important; padding:10px;}
.mobile_menu_bar:before a  {color:#fff !important;}
.et-fixed-header .mobile_menu_bar:before { top: 0; }
	
a.mobile_nav span.select_page {color:gold !important;}
a.mobile_nav span.mobile_menu_bar a {color:gold !important;}
	
/* RESPONSIVE CLASSES MOBILE */
.onlydesktop {display:none !important;}
.onlymobile {display:block !important;}
	
/* MAIN THEME CONTAINERS MOBILE */
div#main-content {border:0px dashed yellow !important; background-color:transparent !important; padding:0 !important;}
div#left-area {padding:30px 0 !important; margin:0 auto !important; width:90% !important; }	
	
/* HEADLINES MOBILE */
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {margin-bottom:10px;}

h1 {font-size:50px; margin-bottom:25px;}
h2 {font-size:45px;}
h3 {font-size:40px;}
h4 {font-size:35px !important;}
h5 {font-size:30px;}
h6 {font-size:25px;}

	
/* FLEX COLUMNS MOBILE */
div.flexcol {display:inline-block; padding:1.5% !important; margin:0 !important; width:100% !important; vertical-align:top !important;}

/* VARIOUS COLUMN WIDTHS MOBILE */
div.flexcol.ten, div.flexcol.twenty, div.flexcol.thirty, div.flexcol.forty, div.flexcol.sixty, div.flexcol.seventy, div.flexcol.eighty, div.flexcol.ninety, div.flexcol.one-third {width:100% !important; display:block !important;}
	
/* BUTTONBOX MOBILE */
div.buttonbox {margin:-30px 0 50px 0;}

	
	
/* EVENT LISTING MOBILE */
div.event {border:0px solid #ffd200; width:100%; display:block; }
div.details {display:block; width:90%; padding:5% 20px;}
div.event div.details p.title {font-size:28px; padding:0 !important; margin:0 !important;}
div.event div.details p.time {font-size:24px;}
div.event div.details p.place {font-size:18px;}

div.event div.calpage {display:block; width:95%; padding:40px 0; margin:0;}
div.event div.calpage p {text-transform:uppercase; font-weight:bold; line-height:100%; padding:0 !important; margin:0 !important; color:#fff !important;}
div.event div.calpage p.day {font-size:26px;}
div.event div.calpage p.date {font-size:50px;}
div.event div.calpage p.month {font-size:30px;}


/* FOOTER MOBILE */
div#footer-bottom div.contact {font-size:16px; font-weight:700 !important;}
div#footer-bottom ul.contactlist li {border-right:0px; display:block;}

div#footer-bottom ul.contactlist li.involved {font-size:30px; line-height:110% !important; font-weight:700 !important; text-align:center !important;}
div#footer-bottom p.disclaimer {width:90% !important; font-size:13px; padding:10px 0%; text-align:center !important;}

div#footer-bottom div.contactcolumn {display:block; width:90%; margin:auto; border:0px dotted purple;  text-align:center !important;}





	#comment-wrap {max-width: 690px;}
}

/*-------------------[600px]------------------*/
@media only screen and (max-width: 600px) {
	#comment-wrap {
		max-width: 400px;
	}
}

/*-------------------[479px]------------------*/
@media only screen and ( max-width: 479px ) {
	#comment-wrap {
		max-width: 450px;
	}
}


/*-------------------[320px]------------------*/
@media only screen and ( max-width: 320px ) {
	#comment-wrap {
		max-width: 274px;
	}
}