/* hello dev team. */
body {}


/********************* GAR - Work in progress *************************/


/** Fix for overflow **/
html{
	overflow-x: hidden;
}

.hwm-table{
	overflow-x:auto;
}


/**** Remember page ***/

.remember-column{
	width: 42%;
    padding: 30px;
    float: left;
}

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

.remember-column{
	width: 100%; padding: 20px 0;
}

}

/*** 404 page ***/

.warmus.error404 #main-content{
	background-image: url("/wp-content/uploads/2015/10/cwm-exterior-3.jpg");
}

.error404 .main-content-body{
	max-width:700px;
	padding:40px;	
}

.error404 #main-content ul{
	display:inline-block;

}
.error404 #main-content h4{
	margin-top:30px;
}

.error404 #main-content li, .error404 #main-content h4{
	line-height:1;
	color:#fff;
	float:left;
	text-align:left;
}

/***** Hours of Operation Pop-up *****/


.hwm-popup-header.hours-popup{
	height:auto;
}

.hwm-popup-body .hours-grid-wrapper{
	font-size:12px;	
}

.hours-grid-wrapper{
	display:inline-block;
}

.hwm-popup-body h4{
	font-size: 1rem;
	margin-bottom:15px;
}

.hours-hor-line{
	width:100%;
	float:left;
	border-bottom:1px solid #e5e5e5;
	margin-bottom:30px;
}

.hours-grid{
	width:50%;
	float:left;
	display:inline-block;	
}



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

.hours-grid{
	width:100%;
}
}


/***** Responsive Tables *****/

.hwm-table table{
	min-width:inherit; /*overrides min-width:640px */
}

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

/* Force table to not be like tables anymore */
.hwm-table.resp table,
.hwm-table.resp thead,
.hwm-table.resp tbody,
.hwm-table.resp  th,
.hwm-table.resp td,
.hwm-table.resp tr{ 
	display: block;
}

/* Hide table headers (but not display: none;, for accessibility) */
.hwm-table.resp thead tr { 
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.hwm-table.resp tr { 
	margin-bottom:20px;
	border: 1px solid #eee; 
	border-bottom:none;
}

.hwm-table.resp.admission-fees tr { 
	border:0;
}

.hwm-table.resp th{
	padding:10px;
}

.hwm-table.resp.admission-fees th{
	border:none;
	padding:20px;
}

.hwm-table.resp td {
	text-align:center;
    font-size: 12px;
	border: none;
	border-bottom: 1px solid #eee; 
	position: relative;
	padding-left: 50%; 
}

.hwm-table.resp.admission-fees td { 
	padding-left: 50%; 
}

.hwm-table.resp td:before { 
	position: absolute;
	left: 6px;
	width: 45%; 
	padding-right: 10px; 
}

/* Does not work for IE9 small screens < 640px */
td:nth-of-type(1):before { content: attr(data-th); }
td:nth-of-type(2):before { content: attr(data-th); }
td:nth-of-type(3):before { content: attr(data-th); }
td:nth-of-type(4):before { content: attr(data-th); }
td:nth-of-type(5):before { content: attr(data-th); }
td:nth-of-type(6):before { content: attr(data-th); }
td:nth-of-type(7):before { content: attr(data-th); }

.hwm-table.resp.admission-fees td:last-child {
	padding-left:inherit;
}

}

/***** Gravity Forms *****/


.gf_page_steps{
	height:20px;
}

.gf_page_steps .gf_step{
	padding:10px;
	font-size:20px;
	float:left;
}

.gf_page_steps .gf_step_active{
	font-weight:bold;
	color:#e6192b;
}

/* progress bar */

gf_progressbar_title{
	margin-bottom:10px;
	font-size:inherit;
}

.gf_progressbar{
	border: 1px solid #E6E6E6;	
}

.gf_progressbar_percentage{
	font-weight: bold;
    font-weight: bold;
    padding: 10px;
	background:#4a4a4a;
}

.gf_progressbar_percentage span{
	color:#fff;	
}

.gform_body .ginput_container textarea {
	resize:vertical;
}

.gform_body .ginput_container input,
.gform_body .ginput_container select,
.gform_body .ginput_container textarea,
.pwbox {
	width:100%;
	padding-left: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1rem;
	border: 1px solid rgba(0, 0, 0, 0.1);
	display:inline-block;
}

.gform_body .ginput_container_time input{
    width: 74%;
}

.post-password-form{
	max-width: 1000px;
	margin: 30px auto;
}

.post-password-form label{
	float:left;	
}

.post-password-form .pwbox{
    height: 47px;
    float: left;
    margin-top: 10px;
}

.post-password-form .pwbox_submit{
	margin-top: 34px;
    padding: 12px 20px;
	background: #038834;
	margin-left: 20px;
}

.gform_body .ginput_container select{
	padding-left: 3px;
}

.gform_body .ginput_container input,
.gform_body .ginput_container select{
	height: 30px;
}

.charleft.ginput_counter{
	font-size:12px;
	margin-top:5px;
}

.gform_body textarea{
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
}

.validation_error,
.gform_confirmation_message {
	padding:15px;
	line-height:1.25;
	background:#8a8d8a;
	color:#fff;
}

.gform_confirmation_message {background:#038834;}
.validation_error {background:#e6192b;margin-bottom:25px;}

.gform_body .ginput_container input[type="radio"]{
	width:inherit;
	height:inherit;
	display:inline-block;
	margin-right:10px;
}

.gform_body .gsection_title{
	font-size:1.5em;
	margin-bottom: 10px;
	margin-top:30px;
}

#request-for-information .gsection_title, demande-de-renseignements .gsection_title{
	font-size:1.5em;
	margin-bottom: 10px;
	margin-top:0;
}

.gform_body ul{
	list-style: none;
	margin-left:inherit;
	margin-bottom:0;
}

.gform_body li{
	clear:both;	
	margin-bottom:0;
}

.gform_body .gfield_label{
	font-weight: bold;
	text-transform: uppercase;
	font-family: "futura-pt", "Helvetica Neue", Arial;
	margin:15px 0 10px 0;
	display:block;
	line-height: 1em;
}

.gform_body .gfield_description{
	 margin-bottom:0;
}



.gform_body .gfield_date_day.ginput_container,
.gform_body .gfield_date_month.ginput_container,
.gform_body .gfield_date_year.ginput_container,
.gform_body .gfield_time_hour.ginput_container,
.gform_body .gfield_time_minute.ginput_container,
.gform_body .gfield_time_ampm{
	width:27%;
	margin-bottom:10px;
	float:left;
	display:inline-block;
	padding-right:20px;
	max-width: 80px;
}

.gform_body  .gfield_time_hour.ginput_container i{
	font-weight: bold;	
    float: right;
}

.gform_button, .gform_next_button, .gform_previous_button,
.pwbox_submit {
	-webkit-transition: background 250ms ease;
	-moz-transition: background 250ms ease;
	-ms-transition: background 250ms ease;
	-o-transition: background 250ms ease;
	transition: background 250ms ease;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "futura-pt", "Helvetica Neue", Arial;
    font-size: 1rem;
    background: #e6192b;
    color: #fff;
    padding: 20px;
    border: 1px solid transparent;
    text-align: center;
    display: block;
    cursor: pointer;
    margin-bottom:20px;
	margin-right: 20px;
	float:left;
    margin-top: 20px;
}

.gform_body .gfield_required{
	color:#ff3333;
}

.gfield_description.validation_message {
	color:#ff3333;
	font-size:12px;
}

.gform_body .gfield_error  .ginput_container input,
.gform_body .gfield_error  .ginput_container select,
.gform_body .gfield_error  .ginput_container textarea {
    border: 1px #FF0404 solid;
}

.gfield.address input, .gfield.address select{
	margin-bottom: 10px;
	margin-top:5px;
}

.gform_validation_container{
	display:none;	
}

/***** video modal *****/

.video-body{
	width:auto;
	height:auto;
	top: 50%;
    left: 50%;
	position:absolute;
    z-index: 12;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	z-index:15;	
	line-height:0;
}


/***** Social Media *****/

.social-media-icon{
    fill: #ffffff;
    width: 3em;
    height:3em;
	padding:20px;
	z-index:11;
	-webkit-transition: 250ms ease-in;
    -moz-transition: 250ms ease-in;
    -ms-transition: 250ms ease-in;
    -o-transition: 250ms ease-in;
    transition: 250ms ease-in;
}

.social-media-icon.twitter:hover{
    fill: #00aced;
}

.social-media-icon.facebook:hover{
    fill: #3B5998;
}

.social-media-mask{
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.9);
	z-index:11;
	cursor:default;
	position:absolute;
	opacity:0;
}

.social-close{
	opacity:0;
	bottom:0;
	right:0;
	z-index:13;
	position:absolute;
	line-height:0;
}

.social-close .social-media-icon:hover{
    background:#e6192b;
}

.social-close .social-media-icon{
	background:#8e908f;
	width:1.7em;	
	height:1.7em;
	cursor:pointer;
}

.social-media-list{
	opacity:0;
	top: 50%;
    left: 50%;
	position:absolute;
    z-index: 12;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/* Calendar social */

.hwm-card .social-media-icon{
	width: 2em;
    height: 2em;	
}
.hwm-card .social-close .social-media-icon{
	width: 1.0em;
    height: 1.0em;
	padding:10px;
}

/* Hero social */

.hero-metadata-main .social-media-mask{
	left:inherit;
	right: 0;
    width: 50%;
}

.hero-metadata-main .social-media-list{
	left:inherit;
    right: 0;
    width: 50%;	
	position: absolute;
    text-align: center;
}

/***** Fly Out Search *****/

#main-menu .search-display{
	display:none;
}

#main-menu form{
	width:88%;	
}

#main-menu .search-display .search-input{
	width:100%;
	position:absolute;
	background-color:#fff;
	z-index:1;	
}

#main-menu .form-button-wrapper,
#main-content .form-button-wrapper{
    width: 65px;
    height: 100%;
    position: absolute;
    right: 0;
	z-index: 2;
}

#main-menu .search-display .search-icon,
#main-content .search-display .search-icon{
    display: block;
    fill: #8e908f;
    width: 25px;
    height: 26px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -12.5px;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

#main-content .search-display .search-input{
	height:60px;
	width:100%;
	padding-left: 20px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "futura-pt", "Helvetica Neue", Arial;
    font-size: 1rem;
}

#main-content .search-display button{
	visibility:inherit;
}


/***** Google Custom Search *******/

.gsc-wrapper{
	max-width:1400px;
	margin:0 auto;
}

.gsc-webResult.gsc-result{
	padding: 1.5em 1.5em 0 1.5em!important;
}

.gsc-tabHeader.gsc-inline-block{
	padding:20px 30px;
	font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "futura-pt", "Helvetica Neue", Arial;
    text-align: center;
}

.gsc-result-info{
	margin: 10px 0 20px 0;
}

.gs-result .gs-title{
    text-decoration: inherit!important;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "futura-pt", "Helvetica Neue", Arial;
	line-height:1.5em!important;
	height:auto;
} 

.gs-result .gs-title:hover{
	text-decoration:overline;
}

.gs-webResult .gs-snippet, .gs-fileFormatType{
	line-height:1.5em!important;
}

.gs-webResult div.gs-visibleUrl-long{
	color:#8a8d8a;
    font-weight: normal;
	line-height:1.5em;
}

.gsc-webResult.gsc-result:hover{
    border-color: #FFF!important;
}

.gsc-cursor-box{
	border-top: none!important;
	padding: 3.5em 0 0 .5em!important;
	margin-bottom: 30px!important;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page{
	border: 1px solid #e5e5e5;
    color: #929292!important;
	text-decoration:inherit!important;
	padding: 15px 17px!important;
	margin-right:10px!important;
}

.gsc-results .gsc-cursor-page.gsc-cursor-current-page{
	color: #fff!important;
}

.gcsc-branding-text{
	padding-top:20px
}

.gs-no-results-result .gs-snippet, .gs-error-result .gs-snippet{
	border:none!important;
	background-color:#FFFFFF!important;
	font-weight:bold;
}

.gsc-orderby, table.gcsc-branding{
	display:none!important;	
}


/******** Donation **************/

#frmPayment {
	max-width:700px;
	margin: 0 auto;
	padding:0 20px;
}

#frmPayment legend{
	font-size:1.5rem;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "futura-pt", "Helvetica Neue", Arial;
	margin:20px 0 20px 0;
	display:block;
}

#frmPayment fieldset{
	display:block;
	margin-top:20px;	
}

#frmPayment select, #frmPayment textarea{
    padding-left: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
	height:30px;
	float:left;
}

#frmPayment select{
    width: 50%;
	float:left;
	display:block;
}

#frmPayment .form-group{
	width:100%;	
	height:30px;
	margin:5px 0;
}

#frmPayment input[type="submit"]{
    font-weight: bold;
    text-transform: uppercase;
    font-family: "futura-pt", "Helvetica Neue", Arial;
    font-size: 1rem;
    background: #e6192b;
    color: #fff;
    padding: 20px;
    border: 1px solid transparent;
    text-align: center;
    display: block;
    cursor: pointer;
    margin-bottom:20px;
}

#frmPayment input.form-control{
	height:30px;
	width: 50%;
    padding-left: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
    display: block;
	float:left;
}

#frmPayment .control-label, 
#frmPayment .form-group.museumselection label{
	width:50%;
	float:left;
	display:block;
}

#frmPayment .checkbox.form-group{
	width:100%;
	float:left;
	display:block;
	margin:10px 0;
    height: auto;
}

#frmPayment .form-group.museumselection{
	width:100%;
	display:block;
}

#frmPayment > p {
	margin:0;
}

#frmPayment .form-group.credit{
    float: left;
    margin-right: 10px;
    width: 15%
}

#frmPayment .form-group.credit select{
	width:100%;	
}

#frmPayment .form-group.credit label{
	display:none;
}

#frmPayment .form-error strong{
	display:none;
}

#frmPayment .form-error.alert.alert-danger{
	display:block;
}
#frmPayment .form-error.alert.alert-danger li{
	 color: #FF0404;
	 margin-bottom:2px;	 
}

#frmPayment .form-group.credit .form-error{
	position:absolute;
	float:left;
}

#frmPayment .exp{
	width:50%;
	float:left;
    display: block;
}

#frmPayment .error {
    border: 1px #FF0404 solid!important;
}

#frmPayment .form-error{
	display:none;
}

#frmPayment .checkbox input[type='checkbox']{
	float:left;
}

#frmPayment .checkbox .control-label{
	font-weight:normal;
    text-transform:inherit;	
	width:90%;
	margin:0 0 0 25px;
	display:inherit;
	font-family:inherit;
	font-size: inherit;
}

#frmPayment strong{
	margin-bottom: 20px;
    display: block;	
}

#frmPayment .privacy-stat{
	font-size:12px;
	margin-bottom:40px;
}

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

.social-media-icon{
	padding:10px;
    width: 2em;
    height:2em;
}

.hwm-card .social-media-icon{
	width: 1.5em;
    height: 1.5em;
}
.hwm-card. .social-close .social-media-icon{
	width: 0.7em;
    height: 0.7em;
}

}

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

#main-menu .search-display .search-input{
	left:0;	
}

#main-menu form{
	width:100%;
}


}

/** GATEWAY **/



body.emphasize-lead-sec #main-header{
    background: transparent;
}

body.emphasize-lead-sec .lpn-main section:first-child h1{
	margin-top:50px;	
}

.page-template-chh-gateway .lpn-main{
	width:75%	
}

.page-template-chh-gateway h2{
	 display: inline-block;
}

body.emphasize-lead-sec .lpn-main section:first-child p{
	font-size:20px;
	margin: 35px 0 50px 0;
}

.page-template-chh-gateway #input .h6{
	margin-top: 100px;	
}

.page-template-chh-gateway .lpn-aside,
.page-template-chh-gateway #field_16_2, 
.page-template-chh-gateway #field_16_3{
	display:none;	
}

.page-template-chh-gateway  #getinvolved .gform_body .ginput_container textarea{
	height: 220px;
}

.page-template-chh-gateway .hwm-button{
	padding:30px;	
}

@media screen and (max-width: 900px){
.lpn-main {
    width: 100%;
}
.page-template-chh-gateway #input .h6{
	margin-top:50px;
}
}

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

.page-template-chh-gateway #input{
	height:auto!important;	
}
	
.page-template-chh-gateway .lpn-mask{
	display:none;
	background:none;
}
#gateway{
    display: inline-block!important;	
}

.page-template-chh-gateway .lpn-main{
	width: 100%;
}
body.emphasize-lead-sec .lpn-main section:first-child h1, body.emphasize-lead-sec .lpn-main section:first-child h2, body.emphasize-lead-sec .lpn-main section:first-child h3, body.emphasize-lead-sec .lpn-main section:first-child h4, body.emphasize-lead-sec .lpn-main section:first-child h5, body.emphasize-lead-sec .lpn-main section:first-child h6, body.emphasize-lead-sec .lpn-main section:first-child p,
.page-template-chh-gateway #input > p > a
{
	 color: #4a4a4a!important;
}
}

/******Gravity Forms Christmas***/



.ginput_container_checkbox {
	max-width:500px!important;
}

.gform_body .ginput_container_checkbox input{
    float: right;
    margin: 4px;
    height: 30px;
    width: 30px;
}
}

.ginput_container_checkbox li{
    border-bottom: 1px solid #EBEBEB;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.gform_body .ginput_container_checkbox label{
	margin-top: 10px;
    line-height: 2;
    display: block;
}
/********************* GAR - Work in progress END *************************/