/*
 Theme Name:   Elliston
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Tourism Child Theme
 Author:       Woof Media
 Author URI:   http://example.com
 Template:     tourism
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  coffin-bay
*/


.site-title a {
    background-image: url(images/logo.png);
}

.site-title a,
.stick .site-title a{
	background-size: contain;
}

body a,
.site-footer a:hover,
body.primary-colour a{ color: #f99c0b; }
body.second-colour a{ color: #00b0bd; }
body.third-colour a{ color: #faa61a; }
body .site-footer a{color: #fff}

.entry-content .button a.btn { color: #FFF; }
.entry-content .button:hover { background-color: #636466; }

body.second-colour .content a { color: #faa61a; }

a:hover {
	color: #333;
}

h1,
h2,
.page .entry-header h1,
.page .entry-header h2,
body.primary-colour h1,
body.primary-colour h2,
body.primary-colour .entry-header h1,
body.primary-colour .entry-header h2{
	color: #faa61a;
}

body.second-colour h1,
body.second-colour h2,
body.second-colour .entry-header h1,
body.second-colour .entry-header h2{
	color: #00b0bd;
}

body.third-colour h1,
body.third-colour h2,
body.third-colour .entry-header h1,
body.third-colour .entry-header h2{
	color: #f37021;
}

.page .entry-header h1:after{
	background: #faa61a;
}

body.second-colour .page .entry-header h1:after{
	background: #00b0bd;
}

body.third-colour .page .entry-header h1:after{
	background: #f37021;
}

/* 
	Header styling, Colours and angle.
*/
.site-header {
    background: #faa61a;
}

body.second-colour .site-header {
	background: #00b0bd;
}

body.third-colour .site-header {
	background: #f37021;
}

.header-angle {
	background-image: url(images/bg-header-angle-primary.png);
}

body.second-colour .header-angle {
	background-image: url(images/bg-header-angle-second.png);
}

body.third-colour .header-angle {
	background-image: url(images/bg-header-angle-third.png);
}


/* Home Page elements
---------------------------------------------------------------------------------------------------- */
.home .title h2,
.home-events .title h2,
.mid-widgets h3,
.home p.browse a:hover{
	color: #faa61a;
}

body.second-colour  .mid-widgets h3,
body.second-colour .home-events .title h2{
	color: #00b0bd;
}

body.third-colour  .mid-widgets h3,
body.third-colour .home-events .title h2{
	color: #f37021;
}

.mid-widgets h3{
    border-bottom: 2px solid #faa61a;
}

.home .title h2:after {
	background: #faa61a;
}

body.second-colour .home  .mid-widgets h3:after,
body.second-colour .home .title h2:after {
	background: #00b0bd;
}

body.third-colour .home  .mid-widgets h3:after,
body.third-colour .home .title h2:after {
	background: #f37021;
}

.latest-news .gp-grid .teaser h2 {
	background-color: #faa61a;
}

.gp-grid .teaser{
	background-color: #fde4ba;
}

.mid-widgets #menu-social-media a{
	background: #faa61a;
}

/*.home-events{
	background-color: #fde4ba;
}

.home-events:before, .home-events:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 9999px;
    background-color: #fde4ba !important;
    z-index: 10;
}*/

/* Home Page feature image button fix for mobile
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 767px){
	.feature-box,
	.feature-bottom {
	    height: 300px;
		margin-bottom: 180px;
	}
	
	.home .feature-box .wrap {
	    overflow: inherit;
	}
	
	#movable.bottomleft, #movable.bottomright {
	    padding-bottom: 40px;
	    bottom: -200px;
	    left: 0;
	    display: inline-block;
	}
	
	.feature-bottom .wrap {
	    bottom: -240px;
	}
	
	#bottom-fixed {
	    top: 20%;
	    left: 0;
	    margin-left: 0;
	    width: 100%;
	}
}

/* Feature Box
---------------------------------------------------------------------------------------------------- */
.feature-box h1 {
	background: rgba(250,166,26,0.8);
}

body.second-colour .feature-box h1 {
	background: rgba(0, 176, 189,0.8);
}

body.third-colour .feature-box h1 {
	background: rgba(243, 112, 33,0.8);
}

/*  Breadcrumbs
--------------------------------------------- */
.breadcrumb a:hover,
body.primary-colour .breadcrumb a:hover{
	color: #faa61a;
}

body.second-colour .breadcrumb a:hover{
	color: #00b0bd;
}

body.third-colour .breadcrumb a:hover{
	color: #f99c0b;
}

/* ## Forms
--------------------------------------------- */

input,
select,
textarea {
	background-color: #fff;
	color: #525259;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
a.tribe-events-read-more {
	background-color: #faa61a;
	color: #fff !important;
}

body.second-colour input[type="reset"],
body.second-colour input[type="submit"],
body.second-colour .button {
	background-color: #00b0bd;
	color: #fff !important;
}


body.third-colour input[type="reset"],
body.third-colour input[type="submit"],
body.third-colour .button {
	background-color: #f37021;
	color: #fff !important;
}

.footer-widgets button,
.footer-widgets input[type="button"],
.footer-widgets input[type="reset"],
.footer-widgets input[type="submit"],
.footer-widgets .button {
	background-color: #e5554e;
	color: #fff;
}

input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
body.second-colour .button:hover,
body.third-colour .button:hover,
body.primary-colour .button:hover,
a.tribe-events-read-more:hover {
	background-color: #525259;
	color: #fff;
}

.footer-widgets input[type="submit"]:hover,
.footer-widgets a.btn:hover,
.footer-widgets input[type="submit"]:hover {
    color: #FFF;
    background: #faa61a !important;
}

body.second-colour .footer-widgets a.btn:hover, {
    color: #FFF;
    background-color: #00b0bd !important;
}

body.third-colour .footer-widgets a.btn:hover {
    color: #FFF;
    background-color: #f37021 !important;
}

.footer-widgets li a{color: #fff !important;}

body .footer-widgets li a:hover{ color: #faa61a !important;}
body.second-colour li .footer-widgets a:hover{ color: #00b0bd !important;}
body.third-colour li .footer-widgets a:hover{ color: #f37021 !important; }

.entry-content .button a {
	color: #FFF;
}

.entry-content .button:hover {
	color: #fff;
}

.footer-widgets button:hover,
.footer-widgets input:hover[type="button"],
.footer-widgets input:hover[type="reset"],
.footer-widgets input:hover[type="submit"],
.footer-widgets .button:hover {
	background-color: #fff;
	color: #333;
}

#tribe-bar-views .tribe-bar-views-list{
	z-index: 9;
}

.tribe-events-widget-link a:hover{
	color: #faa61a !important;
}

body.second-colour  .tribe-events-widget-link a:hover,
body.second-colour .footer-widgets a:hover{
	color: #00b0bd !important;
}	

body.third-colour  .tribe-events-widget-link a:hover,
body.third-colour .footer-widgets a:hover{
	color: #f37021 !important;
}


/* Tribe events
---------------------------------------------------------------------------------------------------- */

#tribe-events .tribe-events-button, #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type=submit], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]>a{
	background: #faa61a;
}

.tribe-events-notices{
	background: #fde4ba;
}

.tribe-events-widget-link a{
	color: #fff !important;
}

/* Listing Pages
---------------------------------------------------------------------------------------------------- */
.entry-content .listing .bd{
	padding: 14px 40px;
}

.entry-content .listing .title-label h2{
	color: #fff;
	margin-bottom: 0;
}

.business-entry-header h1:after{
	background-color: #faa61a;
}

.entry-content .listing .title-label,
body.primary-colour .entry-content .listing .title-label{
	background-color: #faa61a;
}

body.second-colour .entry-content .listing .title-label{
	background-color: #00b0bd;
}

body.third-colour .entry-content .listing .title-label{
	background-color: #f37021;
}

body.third-colour .entry-content .listing p.external a{
	color: #f37021;
}

.entry-content .listing {
    background-color: #fde4ba;
    color: #636466;
}

body.third-colour .entry-content .listing p.read-more a.button:hover{
	background-color: #f37021;
}

.entry-content .listing .button{
	margin-bottom: 0;
}

@media only screen and (min-width: 569px){
	
	.entry-content .listing .img{
		width: 45%;	
	}
	
	.entry-content .listing .bd{
		width: 55%;
	}
}

/* Mid Widgets
---------------------------------------------------------------------------------------------------- */
.mid-widgets,
body.primary-colour .mid-widgets{
	background: #fde4ba;
}

body.second-colour .mid-widgets{
	background: #b2e7eb;
}

body.third-colour .mid-widgets{
	background: #fbd4bc;
}

.mid-widgets .visitor-guide img{
	max-width: 100px;
}

.mid-widgets h3,
body.primary-colour .mid-widgets h3{
	border-color: #faa61a;
}

body.second-colour .mid-widgets h3{
	border-color: #00b0bd;
}

body.third-colour .mid-widgets h3{
	border-color: #f37021;
}

#menu-social-media a,
body.second-colour #menu-social-media a{
	background-color: #faa61a;
}
body.second-colour #menu-social-media a{
	background-color: #00b0bd;
}

body.third-colour #menu-social-media a{
	background-color: #f37021;
}

.site-footer .row{
	padding: 0 2%;
	margin: 0 !important;
}

@media only screen and (max-width: 767px)
	#nav > ul {
		float: none;
		background: #faa61a;
	}
}