/*
Theme Name: Moose
Theme URI: http://demo.elated-themes.com/moose
Description: Moose
Tags: business, clean, Portfolio, parallax, multi-purpose, hipster, personal, shop, vintage, trendy, creative, agency, fullscreen, photography, blog
Author: Elated Themes
Author URI: http://demo.elated-themes.com
Version: 1.4
License: GNU General Public License
License URI: licence/GPL.txt

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it. */

/* General Overides */

.dark:not(.sticky) nav.main_menu > ul > li.active > a { color: #fff !important; }

.completeLaws span { font-size: 25px !important; }

.featured span {
background-color: #4F4F4F !important; 
 }

.featured span.item_inner { border: 4px solid #F0142E !important; font-weight: bold; }
.featuredBlue { background-color: #0073AA !important; font-weight: bold; }

header.dark:not(.sticky) { color #fff !important; }
.fa-remove::before, .fa-close::before, .fa-times::before { color: #000; }
.pollingWidget { text-align: center !important; margin-top: -20px; padding-bottom: 40px; }

.sr-R-cont { height: auto !important; }
.sr-R-cont div { display: none !important; }

h4 a { color: #4272B3 !important; }
h4 a:hover { color: #F0142E !important; }

h3 a { color: #4272B3 !important; }
h3 a:hover { color: #F0142E !important; }

.text_holder a { color: #000 !important; }

/* ---- State Page Styling ---- */
.separator_content { font-family: 'Arial Black', 'Arial-BoldMT', 'Arial Bold', 'Roboto', sans-serif !important; }
.factsBox { border: 1px solid #DADADA; }
.factsLeft { margin-top: 25px;}
.factsLeft h4 { font-size: 22px !important; }
.factsRight { float: left; margin-top: 20px; }
.factsRight h4 { font-size: 22px !important; }
.importantInfo { color: #fff !important; margin-bottom: 25px !important;}
.infoLinks a { font-weight: normal; font-size: 18px; color: #fff; }
.infoLinks a:hover { color: #F0142E; }
.deadLine { margin-top: 15px; }
.stateImage { opacity: .8;  transform: scale(1.15); }
.completeLaws { line-height: 30px; font-size: 35px; text-transform: uppercase; font-weight: bold; margin-bottom: 20px; color: #000;}
.facts { text-align: center; font-size: 42px; line-height:42px; text-transform: uppercase; font-weight: bold; }



/* -- Desktop (and iPad) Only Fixes -- */
@media screen and (min-width: 800px) {
	.smallerH3 { font-size: 24px; margin-bottom: 20px; }

   	.siq_searchBox { 
		height:85px !important; 
		font-size: 30px !important; 
		background: rgba(255, 255, 255, 0.7) url("http://www.zerolimitdev.com/rmv/wp-content/uploads/2016/06/state-search-e1467762754574.png") no-repeat scroll 10px center !important; 
		padding-left:110px !important; }

	.search_field.siq_searchBox.siq_searchIndex-0 { 
		padding-left: 10px !important; 
		height: 30px !important; 
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; }

	 div.search-results-title a { cursor: pointer !important; }
                        
	.srch-poweredbysiq { display:none !important; }
	.siq-powered-by { display:none !important;}
	.siq_main_searchbox ul li a h3 {  cursor: pointer !important;  }
	.holdResults ul li a h3 {  cursor: pointer !important;  }
	 h2.search-results-title a { cursor: pointer !Important; }
	.searchInner {
    		padding-top: 50px !important;
    		padding-right: 100px !important;
   		padding-bottom: 100px !important;
   		padding-left: 100px !important; }
}

/* -- Mobile Phone Only Fixes -- */
@media only screen and (max-device-width: 480px) {
	.mobileCenter { text-align: center; margin: 0 auto; }
	.mobileButton a { text-align: right; font-size: 10px !important; width: 180px; margin-top: 20px; }
	.srch-poweredbysiq { display:none !important; }
	.siq-powered-by { display:none !important;}	
	.tab-title-inner { font-size: 10px; }

	.firstQuestion.qbutton { font-size: 14px; !important; }

	.siq_searchBox {  margin-top: 20px !important; background-color: rgba(255, 255, 255, 0.7) !important; }
	.separator_content { line-height: 37px !important;  }
	.factsLeft { width: 100%; text-align: center !important; float:none;} 
	.factsRight { width: 100%; text-align: center !important; float:none; margin-top:0px; } 
	.voterLinks { margin-top: 15px; }
	.searchInner {
		border-radius: 30px !important;
    		padding-top: 40px !important;
    		padding-right: 20px !important;
   		padding-bottom: 20px !important;
   		padding-left: 20px !important; }
	.searchInner h1 { font-size: 23px !important; line-height: 28px !important; margin-bottom: 20px !important; }
	.n2-ss-slider-3 { margin-top: 0px !important; }
	
		
	}


/* -- Droid Only Fixes -- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
	.separator_content { line-height: 37px !important; }
	.factsLeft { width: 100%; text-align: center !important; float:none;} 
	.factsRight { width: 100%; text-align: center !important; float:none; margin-top:0px; } 
	.voterLinks { margin-top: 15px; }
}

/* ---- End State Page Styling ---- */

.responsive-chart {
    margin: 30px auto;
    width: 100%;
    max-width: 100%
}

.responsive-chart th {
    background: #4272B3;
    color: #fff;
    font-weight: 500;
    border: 2px solid #fff
}

.responsive-chart td,
.responsive-chart th {
    padding: 10px;
    transition: .3s
}

.responsive-chart tr {
    transition: .3s;
    border-bottom: 2px solid #c0c1c0
}

.responsive-chart tr.unconfirmed {
    color: #898d8d;
    font-style: italic
}

.responsive-chart .state-name {
    font-weight: 500
}

.responsive-chart td.vol-link {
    text-align: center
}

.responsive-chart a.chart-popover {
    font-size: 1.1em
}

.responsive-chart a.chart-popover.disabled {
    color: #898d8d
}

.responsive-chart .td-details {
    width: 50%
}

@media screen and (max-width:768px) {
    .responsive-chart {
        border-bottom: 0 solid transparent
    }
    .responsive-chart tbody {
        display: block
    }
    .responsive-chart .state-placeholder-row td,
    .responsive-chart th {
        display: none
    }
    .responsive-chart .state-placeholder-row td.state-name {
        display: block
    }
    .responsive-chart tr.unconfirmed td.event-date:after {
        content: " UNCONFIRMED";
        display: inline-block;
        background-color: #a3a6a6;
        padding: 4px 6px 3px;
        vertical-align: bottom;
        margin-left: 7px;
        font-size: 13px;
        color: #fff;
        float: right;
        font-style: normal
    }
    .responsive-chart .td-details {
        width: auto
    }
    .responsive-chart#concerts-list td[data-title]:before {
        float: left
    }
    .responsive-chart#concerts-list td {
        text-align: right
    }
    .responsive-chart#concerts-list td.artist-name,
    .responsive-chart#concerts-list td.event-date,
    .responsive-chart#concerts-list td.festival-name {
        text-align: left
    }
    .responsive-chart#concerts-list td.vol-link {
        text-align: center
    }
    .responsive-chart tbody>tr {
        display: block;
        background-color: #ebebeb;
        border-radius: 2px;
        margin-bottom: 1em;
        padding: 4%
    }
    .responsive-chart tbody>tr.unconfirmed {
        background-color: #ccc
    }
    .responsive-chart tbody>tr td {
        display: block;
        vertical-align: middle;
        padding: 5px 10px
    }
    .responsive-chart tbody>tr td[data-title]:before {
        content: attr(data-title);
        font-size: inherit;
        font-weight: 700;
        color: #4272B3;
        display: block
    }
    .responsive-chart tbody>tr td.artist-name,
    .responsive-chart tbody>tr td.festival-name,
    .responsive-chart tbody>tr td.state-name {
        font-size: 2em;
        font-weight: 700;
        color: #4272B3;
    }
    .responsive-chart tbody>tr td.artist-name a,
    .responsive-chart tbody>tr td.festival-name a,
    .responsive-chart tbody>tr td.state-name a {
        color: #4272B3;
        border-bottom: 4px solid #4272B3;
        transition: .2s
    }
    .responsive-chart tbody>tr td.artist-name a:hover,
    .responsive-chart tbody>tr td.festival-name a:hover,
    .responsive-chart tbody>tr td.state-name a:hover {
        color: #00a3e0;
        border-color: #00a3e0
    }
    .responsive-chart tbody>tr td.artist-name:before,
    .responsive-chart tbody>tr td.festival-name:before,
    .responsive-chart tbody>tr td.state-name:before {
        display: none
    }
    .responsive-chart tbody>tr td.artist-name,
    .responsive-chart tbody>tr td.festival-name {
        margin: 0;
        line-height: 1;
        padding-top: 0;
        padding-bottom: 0
    }
    .responsive-chart tbody>tr td.event-date {
        font-weight: 500;
        color: #333
    }
}