/*
Theme name: Oles Fishing Lodge
Description: Custom Theme
*/



/* GALLERY THUMBS ON INDIVIDUAL GALLERY / ALBUM PAGE */ 
.acf-gallery a.gallery-image-link img {
	display: inline-block;
	border: 8px solid #fff;
	border-width: 4px;
	text-align: center;
	margin-bottom: 5px;
	padding:0px;
}
#gallery-albums a {
	display: inline-block;
	border: 8px solid #fff;
	border-width: 4px;
	text-align: center;
	margin: 5px;
}
.acf-gallery a, 
#gallery-albums a { text-decoration: none;}
.acf-gallery a:hover img { opacity: .9;}


/* GALLERY THUMBS ON THE ALL GALLERIES / ALBUMS PAGE */ 
.gallery-thumbs {
	display: inline-block; 	
	border: 8px solid #fff;
	border-width: 4px;
	text-align: center;
	margin: 5px 5px 0px 5px;
	width: 45%;
	height:200px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.gallery-thumbs a { 
	display: inline-block; 	
	width: 100%;
	height: 100%;
	margin: 0px !important;
	padding: 0px !important;
	border: none !important;
}
.gallery-thumbs a:hover { background-color: rgba(0,0,0,0.3);}








.thumb-trip .thumb-btn .link-reserve {
    background: #603d1a;
    /*background: #c69c6d;*/
}

.thumb-trip .thumb-btn .link-waitlist {
    background: #c69c6d;
    /*background: #8c6239;*/
}



/* CONFIRMED GUESTS FORM */
.confirmed-guest-form .field-inline { width: auto;}
.form-alert { border: 1px solid #42210b; text-align: center; padding: 30px 0px; margin-bottom: 40px;}
.form-alert h3 { margin: 0px; padding: 0px; font-size: 35px;}
.form-alert p { margin: 0px; padding: 0px; font-size: 20px;}
.confirmed-guest-form h2 { border-bottom: 1px solid #000; padding-bottom: 10px;}


/* REQUEST PHOTO FORM */
.form-photo-request .ginput_complex input, 
.form-photo-request .ginput_container input {
    display: block;
    width: 100%;
    border: 0;
    border-radius: 0;
    color: #42210b;
    font-size: 18px;
    padding: 0 20px;
    height: 74px;
    background: rgba(214, 191, 163, .4);
}

.ginput_container textarea, 
.textarea {
    display: block;
    width: 100%;
    height: 180px;
    padding: 10px 15px;
    border: 0;
    border-radius: 0;
    background: #d6bfa3;
    color: #42210b;
    font-size: 18px;
}
.form-photo-request .ginput_container textarea {
    padding: 15px 20px;
    height: 155px;
    background: rgba(214, 191, 163, .4);
    resize: none;
}

.gform-footer input {
    display: inline-block;
    font-family: Ultramagnetic, serif;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    height: 67px;
    padding: 0 40px;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    background: url(//ole.ca/wp-content/themes/oles-fishing-lodge/assets/../images/btn.png) repeat-x;
    background-size: 236px 67px;
    line-height: 67px;
    font-size: 20px;
    letter-spacing: .1em;
    appearance: none;
}






.section-weather:after {
    padding-top: 15%;
    background-image: none !important;
}
















/* CF7 NOT VALID MARKERS - ALL FORMS */
select.wpcf7-not-valid,
input.wpcf7-not-valid { border: 2px solid red !important;}
.wpcf7-not-valid-tip { display: inline-block;}


/* CF7 RESPONSE MESSAGE - ALL FORMS */
.wpcf7 form .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output { 
	text-align: center;  
	font-family: Ultramagnetic, serif;
	text-transform: uppercase;
	font-size:20px;
	color: #fff; 
}
.wpcf7 form .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output { border-color: #000; background-color: red;}
.wpcf7 form .wpcf7-response-output { background-color: darkgreen;}




/* changes to cf7 radios and checkboxes */
.confirmed-guest-form .oles-radio,
.confirmed-guest-form .oles-checkbox {}
.confirmed-guest-form .oles-radio input,
.confirmed-guest-form .oles-checkbox input { 
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0px 10px 4px 0px;
    vertical-align: middle;
}
.confirmed-guest-form .oles-checkbox label { 
	display: inline-block; 
	width: auto; 
	font-size: 20px; 
	line-height: 1.5;
}



/* CF7 CHECKBOXES */
.checkbox label:before {
    position: absolute;
    top: 3px;
    left: 0;
    width: 24px;
    height: 24px;
    background: #d6bfa3;
    text-align: center;
    line-height: 26px;
	content: '';
    display: inline-block;
}
.checkbox input:checked+label:before {
    content: '\2714';
	background: #42210b !important;
	color: #d6bfa3;
}




/* CF7 REPEATER HEADER FIELD */
.repeater-field-header { 
	border-bottom: 1px solid #666666;
	letter-spacing: .1em;
    font-size: 20px;
    font-family: Ultramagnetic, serif;
	text-transform: uppercase;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.repeater-field-header .repeater-field-header {
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-bottom: none;
}



/* CF7 REPEATER BUTTON ON CONFIRMED GUEST FORM */
.repeater-field-footer a  {
    display: inline-block;
    height: 67px;
    padding: 0 40px;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    background-size: 236px 67px;
    line-height: 67px;
    font-size: 20px;
    color: #fff;
    transition: .2s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	text-align: center;
	letter-spacing: .1em;
    text-align: center;
    font-family: Ultramagnetic, serif;
    text-transform: uppercase;
}
.repeater-field-footer a {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    border: 2px dashed #c69c6d;
    color: #c69c6d;
}
.repeater-field-footer a {
    background: 0 0;
}
.repeater-field-footer a:hover { color: #333;}




.reservation-request-form .form-actions { margin-top:40px;}

.reservation-request-form .form-label { margin-top: 20px;}
.confirmed-guest-form .form-label { margin-top: 40px;}
 

/* CONFIRMED GUEST FORM */
.confirmed-guest-form .form-label { margin-top: 20px;}

.confirmed-guest-form .recaptcha { margin: 0px 0px 30px 15px;}

.confirmed-guest-form input,
.reservation-request-form input {
	display: block;
    width: 100%;
    height: 45px;
    padding: 0 15px;
    border: 0;
    border-radius: 0;
    background: #d6bfa3;
    color: #42210b;
    font-size: 18px;
}

.confirmed-guest-form p,
.reservation-request-form p { margin: 0px; padding: 0px;}

.confirmed-guest-form .form-row,
.reservation-request-form .form-row { margin-bottom: 0px;}

.confirmed-guest-form .crb-trip,
.reservation-request-form .crb-trip  { margin-bottom: 20px;}

.confirmed-guest-form .crb-questions textarea,
.reservation-request-form .crb-questions textarea {
    display: block;
    width: 100%;
    height: 180px;
    padding: 10px 15px;
    border: 0;
    border-radius: 0;
    background: #d6bfa3;
    color: #42210b;
    font-size: 18px;
}

.confirmed-guest-form .form-actions input,
.reservation-request-form .form-actions input {
    letter-spacing: .1em;
    text-align: center;
    font-family: Ultramagnetic, serif;
    text-transform: uppercase;
    display: inline-block;
    height: 67px;
    padding: 0 40px;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    background: url(//ole.ca/wp-content/themes/oles-fishing-lodge/assets/../images/btn.png) repeat-x;
    background-size: 236px 67px;
    line-height: 67px;
    font-size: 20px;
    color: #fff;
    transition: .2s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}






#check-availability h3#availability-alert { font-size: 20px; line-height: 1.2; /*text-transform: uppercase;*/ margin:20px 0px 0px 0px; padding:0px; font-weight: 300; font-family: Ultramagnetic,serif;}


/* HIDING THE "TALES OF THE PASS" CATEGORY LISTING */
.cat-item-38 { display:none;}

/* HIDING THE BLOG CATETORIES IN "TALES OF THE PASS" CATEGORY PAGES */
#blog-tales #categories-2 { display:none;}


/* HIDING THE ARCHIVE TITLE IN "TALES OF THE PASS" CATEGORY PAGE */
.category-38 .blog-title { display:none;}


/* HIDING THE ARTICLE CATEGORY DISPLAY IN "TALES OF THE PASS" CATEGORY PAGES */
#blog-tales .article-category { display:none;}


/* HIDING THE SECTION ACTIONS IN "TALES OF THE PASS" CATEGORY PAGES */
#blog-tales .section-actions { display:none;}


.form-label,
.gfield_label { font-size:20px;}



/* TALES OF THE PASS CTA ROW */
#tales-row { background: url(../../uploads/bg-tales.jpg) repeat left top; padding-top:30px; padding-bottom:30px;}

#tales-row .entry-head,
#tales-row .entry-body,
#tales-row .entry-actions { display:inline-block; width:33%;}

#tales-row .entry-head { text-align: right;}
#tales-row .entry-body {}
#tales-row .entry-actions { text-align:left;}


#share-icons { text-align:center; margin: -40px 0px 0px 0px;}
#share-icons div.sfsi_wDiv { float:none; text-align:center; display:inline-block; position:relative !important; height:auto !important;}


body.category-tales-of-the-pass #tales-row { display:none;}


/* ALTERING /plan-your-trip/#checkavailability */
.form-search-trip .form-nav .current a span { background: #42260e;}
.form-search-trip .radio input:checked+label,
.form-search-trip .radio label:hover { background-color: #42260e; background-image: none; color:#fff;}
.form-search-trip .radio label { opacity: 1; color: #42260e;}

.recaptcha {
  padding-top: 30px;
}