/*
Theme Name:Carine Cats Club - Custom Theme
URI: https://www.webdew.com.au
Author: Jaime
Author URI: https://www.webdew.com.au
Version: 1.0
Text Domain: CCMbootstrap

*/
@import url(//fonts.googleapis.com/css?family=Open+Sans|Open+Sans+Condensed:300|Satisfy|Oswald:300|Oswald:400|Oswald:700);

/*-----template stylization-----*/
body {
	background: #FFF;
	background-color: #FFF;
	font: 18px Arial, Helvetica, sans-serif;
	line-height: 1.428571429;
	color: #333;
}
.developerlink{
	position: absolute;
	right: 0;
	bottom: 10px;
	color:#dedede;
	display: none;
}
.developerlink:hover{color:#ededed}
ins{
	text-decoration:none;
}
.vertical-align {
   /* display: flex; */
    align-items: center;
}
a:hover {
	text-decoration: none;
}
a[href^="tel:"] {
 color: inherit;
 text-decoration: none;
}
p {
	margin-bottom: 0.3em;
}
p strong {
	color: rgb(75, 156, 211);
}
h1{
	font: 50px/72px 'Open Sans', sans-serif;
	color: #444;
}
h1.navbar-brand_ {
	margin: 0;
	padding: 0;
	float: left;
	height:0;
}
h1.navbar-brand_ a {
	display: inline-block;
     line-height: 0;
    font-size: 0;
}
h1.navbar-brand_ a > img {
	height: 280px;
	padding:20px;
	background-color: #FFF;
}
h2 {
	font: 'Open Sans', sans-serif;
	/* font: 50px/72px 'Oswald'; */
	margin: 0 0 24px 0;
}
img.aligncenter{
	text-align: center;
	margin: 0 auto;
}

a{
	color: rgb(75, 156, 211);
}
a:hover{ text-decoration:none;}
/*
article a:hover{
	text-decoration:none;
	background-color: rgb(75, 156, 211);
	color:#FFF;
   padding: 0 0.15em;
   margin: 0 -0.15em;
	border-radius: 3px;
	display: inline-block;
}
article a:hover img{
   background-color: rgb(255, 255, 255);
   margin: 0 -0.15em;
}
*/

article a:hover{
	text-decoration:underline;
	color: rgb(75, 156, 211);
	z-index: 1;
}

article {
	margin-top: 2em;
}
.blog-post{
	clear:both;
}
.nobanner article{
	margin-top:0;
}
.announcements h2,
article h1,
article h2,
article h3{
	color: rgb(75, 156, 211);
}

.tint,
.tint-light,
.tint-dark,
.shade,
.shade-light,
.shade-dark{
	position: relative;
}
.tint div,
.tint-light div,
.tint-dark div,
.shade div,
.shade-light div,
.shade-dark div{
	z-index: 1;
}
.tint::after,
.tint-light::after,
.tint-dark::after,
.shade::after,
.shade-light::after,
.shade-dark::after{
	content: '';
	background-color: rgba(255,255,255,0.45);
	left: 0;
	right: 0;
	top:0;
	bottom: 0;
	position: absolute;
}
.tint-light::after{
	background-color: rgba(255,255,255,0.20);
}
.tint-dark::after{
	background-color: rgba(255,255,255,0.75);
}
.shade::after{
	background-color: rgba(0,0,0,0.55);
}
.shade-light::after{
	background-color: rgba(0,0,0,0.20);
}
.shade-dark::after{
	background-color: rgba(0,0,0,0.75);
}

tbody td{
	vertical-align: top;
	padding:0.2em 0.3em;
}
.container {
	position: relative;
	max-width:100%;
}
.global {
	background-color: #FFF;
	z-index: 1;
	position: relative;
}
p{
	margin-bottom: 20px;
}

nav.clubnav .container>div{
	display: table;
   width: 100%;
}
nav.clubnav .clubmenu{
	display: table-row;
   width: 100%;
}
nav.clubnav .clubmenu>li{
	display: table-cell;
   text-align: center;
	float: none;
   margin-right: inherit;
}
nav.clubnav .clubmenu>li>a{
	width: 100%;
}

.pageheader{
	background-position: center center;
    background-size: cover;
    position: relative;
    min-height: 10em;
    background-repeat: no-repeat;
    padding: 40px 30px;
}
.pageheader::before{
    content: '';
    background-color: rgba(0, 0, 0, 0.20);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.select-menu {
	display: none !important;
}

.clubmenu .menu-item-has-children{
	position: relative;
}
.clubmenu .menu-item-has-children::before{
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	border-top:  solid 4px transparent;
	border-left:  solid 4px transparent;
	border-right: solid 4px #fbfbfb;
	border-bottom: solid 4px #fbfbfb;
}

.clubmenu .menu-item-has-children:hover .sub-menu{
	display: block;
	position: absolute;
	background-color: #fbfbfb;
	border: 1px solid #000;
	padding: 0;
	border-top-width: 0;
	z-index: 10;
	right:-1px;
	left: 0;
	width: 200px;
}
.clubmenu .menu-item-has-children  .sub-menu a{
	color: #000;
	padding: 0.25em;
	display: block;
	background-color: #fbfbfb;
}
.clubmenu .menu-item-has-children  .sub-menu li,
.clubmenu .menu-item-has-children  .sub-menu a{
    display: block !important;
    float: none;
    margin: 0;
 }
.clubmenu .menu-item-has-children  .sub-menu a:hover{
	    background-color: rgb(75, 156, 211);
    color: rgb(255, 255, 255);
}

/*-----content-----*/
header {
	width: 100%;
	z-index: 2;
	margin: 0 0 0 0;
	top: 0;
	left: 0;
	background: #ffffff;
}
header .logo{
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
header .title {
	font-size: 4rem;
	display: block;
	text-align: center;
	color: #FFF;
	text-decoration: none;
   line-height: 1em;
   font-family: 'Open Sans', sans-serif;
}
header .title span{
	display: block;
	font-weight: bold;
	font-size: 1.2em;
}
header .title .description{
    font-style: italic;
    font-size: 0.5em;
    line-height: 1em;
    font-family: 'Satisfy', cursive;
    margin: 1em;
}

.blacktitlebars .widget-title,
.bluetitlebars .widget-title{
	color: rgb(255, 255, 255);
	background-color: rgb(75, 156, 211);
	padding: 1em;
	margin: -30px -30px 20px -30px;
}
.blacktitlebars .widget-title{
	background-color: #000;
}

/*--------front page styels ------------*/
.titleblock h2{
	line-height: 1.1em;
	text-align: left;
	font-style: normal;
   font-size: 3.5rem;
}
.titleblock h2 span{
	font-weight: bold;
	display: block;
	font-size: 1.4em;
	text-transform: uppercase;
}

#feature-boxes{
	background-color: #f2f2f2;
	padding:2em 0 0em ;
	margin-bottom: 2em
}
#feature-boxes.show_bottom{
	background-color: #f2f2f2;
	padding:2em 0 1em ;
	margin-top: 3em;
	margin-bottom: -2em;
}

#feature-boxes .icon svg{
	max-width: 100%;
	height: auto;
}
#feature-boxes H2 {
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	font-size: 1.8em;
	margin-bottom: 0;
}
#feature-boxes H2 span{
    display: block;
    opacity: 0.45;
    font-size: 0.6em;
    font-weight: 400;
    font-family: Oswald;
}
#feature-boxes .description{
	color: #000;
	margin-bottom: 0.75em
}
.feature {
	margin-bottom:2em;
}
.feature .icon{
	padding:0 0 5px 15px;
}
.button {
    display: table;
    min-width: 50%;
    text-align: center;
    margin: 0.25em auto;
    padding: 0.75em 1em;
    border-radius: 4px;
    color: rgb(255, 255, 255) !important;
    background-color: rgb(0, 0, 0);
    transition: all 200ms ease-in;
    transform: scale(1);
}

.button:hover{
	transform: scale(1.1);
	color: inherit;
	    background-color: rgb(75, 156, 211);
    color: rgb(255, 255, 255);
}

#feature-boxes a::hover  H2,
#feature-boxes a::hover .description,
#feature-boxes a::hover .button{
	color: #000;
	text-decoration: none;
}
.facebookiframe{
	margin-top:2em;
}
.announcements{
	margin-top:3em;
}
.announcements h1,
.announcements h2,
.announcements h3{
	margin-bottom: 0;
}
.announcement{
	background: rgb(0, 0, 0);
   color: rgb(255, 255, 255);
   padding: 15px;
   min-height: 365px;
   margin-bottom: 1em;
   font-size: 14px;
}
.announcement a{
	color: #FFF;
	font-weight: bold;
}
.announcement h3{
    margin: 0;
    font-size: 21px;
    line-height: 1.2em;
    height: 2.4em;
    overflow: hidden;
    font-weight: 400;
    font-family: oswald;
}
.announcement img{
	width: calc(100% + 30px);
	height: auto;
	margin:15px -15px;
}
.sponsorship{
	/* overflow: hidden; */
   color: rgb(75, 156, 211);
   border: 1px solid rgb(75, 156, 211);
  border-radius: 5px;
  margin: 2em auto;
  padding: 2em 0;
}
.sponsorship h4{
	text-align: center;
	text-transform: uppercase;
	margin: 0;
}
.sponsorship .button{
	margin: 1em auto;
   min-width: 250px;
   display: table;
}
.sponsorlink{
	/* min-height:10em; */
	display:block;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	padding:0.25em;
}
.sponsorgrid .tiny,
.sponsorgrid .small,
.sponsorgrid .medium,
.sponsorgrid .large{
    margin-top: 1em;
 }
.sponsorlink .logo{
	min-height:3em;
	max-width: 100%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.sponsorlink.small .logo{min-height:6em;}
.sponsorlink.medium .logo{height: 0;padding-bottom: 75%;}
.sponsorlink.large .logo{min-height:10em;}
.sponsorlink.major{
	min-height:14em;
   margin: 5%;
}

.slick-prev:before, .slick-next:before{
	color:#000 !important;
}
.sponsorgrid a{
    transition: all 200ms ease-in;
    transform: scale(1);
}

.sponsorgrid a:hover{
	transform: scale(1.1);
	box-shadow: 0px 0px 11px 4px #0000001f;
	color: inherit;
	background-color: #FFF;
}


.gallery_tile{
    background-color: rgb(0, 0, 0);
    /* min-height: 20em; */
    margin: 2em auto;
    padding: 0;
    overflow: hidden;
    text-align: center;
    clear:both;
}
.gallery_tile ul{
	padding: 0;
    list-style: none;
    margin: 0;
    font-size: 0;
}

.gallery_tile li{
	padding: 0;
    list-style: none;
    margin: 0;
    display: inline-block;
}

.gallery_tile img{
	    width: calc(100vw/12);
}

.gallery_tile a{
   line-height: 0;
}
.gallery_tile a:hover{
	opacity:1;
}

.cross-site{
	background-image: url('/wp-content/uploads/default_footer.jpg');
	background-position: left center;
	background-size: cover;
	min-height: 3em;
	padding: 2em;
	margin: 2em 0 0 0;
}
.cross-site h4{
	color: #FFF;
	background-color: #000;
	padding: 0.25em;
	margin: 0
}
.cross-site img{
	width: 100%
}


/*****/

.blog-post-title{
    background-color: rgb(75, 156, 211);
    color: rgb(255, 255, 255);
    padding: 0.25em;
    border-radius: 3px;
    border-left: 1000px solid rgb(75, 156, 211);
    margin-left: -1000px;
    display: inline-block;
    padding-right: 1em;
    margin-bottom: 0;
    margin-top: 1.5em;
}
.blog-sidebar{
	background: rgb(255, 255, 255);
	border-radius: 5px;
	padding: 20px;
	margin-top: 40px;
}
.blog-sidebar input[type="text"]{
	max-width:68%;
}
.blog-sidebar input[type="submit"]{
	max-width:30%;
}
.blog-post-meta{
	color: rgb(75, 156, 211);
}

footer{
	background:rgb(75, 156, 211);
	/* min-height:3em;
	padding:2em 0 0 0; */
}
footer .logo{
	max-width:100px;
	margin: 0 auto;
	opacity: 0.5;
	float:left;
}
footer .nav li a,
footer .menu-site-menu-container .nav li a{
	color: #FFF;
   font-size: 0.8em;
   padding: 0.25em 0.5em !important;
}
footer .nav li a:hover{
	color: #FFF;
   background-color:  rgba(255, 255, 255, 0.2);
}
footer .art-content-layout-row{
	display: flex;
	flex-direction: column;
}
footer .art-layout-cell{
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
footer h4{
	background: rgba(255, 255, 255, 0.2);
	padding: 0.25em;
	text-align: center;
	color: rgb(255, 255, 255);
	border-radius: 3px;
}

/*------------------------------------------------------media queries---------------------------------------------------------*/
@media (max-width: 320px) {
	.hide-mobile{
		display:none !important;
	}
}
/*-------------------------------------------------------------------------------------------------------phablet phone or above--------------------*/
@media (min-width: 321px) {

	.hide-mobile{
		display:inline-block;
	}
	.slick-prev, .slick-next{
		display: none !important;
	}
}

@media (max-width: 480px){
	img{
		max-width:100%;
	}

	.clubnav .menu-site-menu-container .clubmenu{
		display: none;
	}
	.navbar.clubnav:before{
		content: '';
      background-size: contain;
      background-position: right;
      background-color: rgb(75, 156, 211);
      background-repeat: no-repeat;
      background-image: url("/wp-content/themes/cats-master/images/menu_icon.png");
		display: block;
		height: 2.6em;
	}
	.navbar.clubnav:hover .clubmenu{
		display: block;
	   /*margin-top: -2.6em; */
	}
	.navbar.clubnav .container{
		margin: inherit 0;
	}

	nav.clubnav .clubmenu{
		display:block;
	}
	nav.clubnav .clubmenu>li {
	    display: block;
	}

	nav.clubnav .clubmenu>li .sub-menu {
		display:block;
      border-top: 4px rgb(126, 201, 255) solid;
	}
	.clubmenu .menu-item-has-children::before{
	    content: '\002B';
	    font-size: 2em;
	    color: rgb(255, 255, 255);
	    left: 0.5em;
	    top: 0.75em;
	    border: none;
	    position: absolute;
	    float: left;
	    width: 1em;
	    z-index: 999;
	}
	.clubmenu .menu-item-has-children.current_page_parent::before{
		color: rgb(126, 201, 255);
	}
	.clubmenu .menu-item-has-children:hover .sub-menu{
		position: inherit;
		border: inherit;
		width: 100%;
	}

	.clubmenu .menu-item-has-children:hover .sub-menu{
	    background-color: transparent;
	    color: inherit;
	}
	nav.clubnav .clubmenu>li .sub-menu a{
		background-color: rgb(126, 201, 255);
	}
}
/*-------------------------------------------------------------------------------------------------------tablet or above --------------------*/


@media (min-width: 480px){
	header .vertical-align{
		display: flex;
	}

	.button{
		display: inline-block;
		padding:0.45em 2em;
	}
}


@media (max-width: 990px){
	.announcement{
		margin-bottom: -1px;
		min-height: auto;
	}

	.announcement h3{
		margin-bottom:10px;
	}
	.announcement img{
		width: 50%;
		float: left;
		margin: 0 10px 10px 0;
	}
}

/*--------------------------------------------------------------------------------------------------------laptop or above-------------------*/
@media (min-width: 769px){

	header .title {
    	font-size: 5rem;
 	}
 	header .logo{
 		max-width: 240px;
    	float: right;
 	}
	.sponsors .sponsorlink{
		padding:2em 1em;
	}

	.gallery_tile img{
		    width: calc(100vw/10);
	}
}


/*--------------------------------------------------------------------------------------------------------desktop or above------------------*/
@media (min-width: 1220px) {
	.gallery_tile img{
		    width: calc(100vw/12);
	}

	.gallery_tile{
	    max-height: 320px;
	}
}
/*--------------------------------------------------------------------------------------------------------HD screen or above-------------------*/

@media (min-width: 1590px){

}
@media (min-width: 1921px){
	.gallery_tile{
 	}
 	.gallery_tile img {
   	width: calc(100vw/16);
	}
}


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */