/*
Theme Name: Like to think
Theme URI: https://www.ashtreedesign.net/ash-tree-design/contact-us.html
Author: Ash Tree Design
Author URI: https://www.ashtreedesign.net
Description: Private Theme
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
Tags: one-column
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Joiin
This theme, like WordPress, is licensed under the GPL.


*/

@font-face {
  font-family: "AkkordeonNine";
  src: url('fonts/AkkordeonNine/font.woff2') format('woff2'), url('fonts/AkkordeonNine/font.woff') format('woff');
}







/* Fundamentals */


*{outline:none;}


html {
	scroll-behavior: smooth;
	scroll-padding-top: 100px;

}



html,
body{
	padding:0;
	margin:0;
	height:100%;
	width:100%;
	min-height:100%; 
font-family: 'Source Sans Pro', sans-serif;
}



body {
    color: #616265;
    font-size: 17px;
    line-height: 24px; font-weight: 400
}



a {
	color: #616265; text-decoration: none; text-decoration: underline; text-underline-offset: 3px;  transition: 0.4s

}

a:visited  {
	color:#616265;

}



a:hover {
	text-decoration: none; 	 
}
	

a img ,img{
	border: none;
}	

a:focus, a:hover, a:active {
	outline: none;
}

a.more-link{display:none;}

img,fieldset{border:none;}

img{max-width: 100%;}

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.sticky{}
.screen-reader-text{}
.gallery-caption{}
.bypostauthor{}
.wp-caption{}
.wp-caption-text{}













/* Titles and Paragraphs */


h1,h2,h3,h4,h5{
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 20px;
	margin: 0;
	font-family: AkkordeonNine; text-transform: uppercase; letter-spacing: 1px; color: #000000; font-weight: normal
}

h1{font-size: 120px; line-height:96px; }
	h1 strong{color:#F54E96 }

h2{font-size: 60px; line-height:52px; padding-bottom: 10px }


h3{font-size: 70px; line-height:62px; padding-bottom: 10px }


h4{font-size: 35px; line-height:35px; padding-bottom: 20px; padding-top: 0px; margin-bottom: 25px; background-image: url("images/h3-underlined.png"); background-repeat: no-repeat; background-position: bottom center}


h5{font-size: 35px; line-height:35px; padding-bottom: 10px; padding-top: 0px;  }


p{
	padding: 0;
	margin: 0px; padding-bottom: 15px; 
}


ul {
  list-style: none; 
}

#mainbody li::before {
  content: "• ";
  color:#F54E96;
}


li{
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 7px;
}


ul,ol{padding-left: 0px; margin-top: 0px}

ul.widget{
	list-style:none;
	padding:0;
	margin:0;
}

b,strong{

    font-weight:600; color: #F54E96
}


blockquote{
	padding-top: 0;
 margin: 0px!important;
	font-size: 20px; line-height:27px; padding-bottom: 0px

}
blockquote p{
padding-bottom: 15px

}








/* Theme Wrappers */


.wrap{	 
    max-width: 1250px;     margin: 0 auto; padding-left: 25px; padding-right: 25px
}

.wrap:after{display: table; clear:both; content:'';}

#wrapper{
	background:none;
	padding:0;
	margin:0;
	width:100%;
	box-shadow:none;
}


#mainbody{ max-width:100%; margin-left: auto; margin-right: auto;}

.page-id-10 #mainbody{}

.page-id-10 .mobile-nav{display: none!important}







/* Theme Header */


#headerwrap{
    width: 100%;max-width: 100%;
    display: block;
padding-top:30px;  z-index: 99999; position: absolute; top: 0px; left: 0px; right: 0px
}


#headerwrap .wrap{
    position: relative;
}


#centredlogo{
 text-align: left
}

#centredlogo a{display: block}
#centredlogo img{max-width: 150px; height: auto }


.scrolled {

}


.scrolled  {

}







/* Navigation Menus */


#main-nav{
  margin: 0 auto; display:block; float:right;  text-align: right;  
}


#main-nav ul{
	list-style:none;
	padding:0;
	margin:0;
}

#main-nav ul li{
	display:inline-block;
		margin-left: 3px; margin-right: 3px; margin-bottom: 0px!important
}


body.home #main-nav ul li{border:none;}

#main-nav ul li a{
    font-size: 17px;
    color: #ffffff;
    padding: 0px; font-weight: 400; line-height: 40px;

    display: block; text-decoration:none
 }



#main-nav ul li a:hover{
	color: #EAA01F
}

#main-nav ul li.current-menu-item a{
color: #EAA01F;
}


#main-nav ul li.current_page_ancestor a{
color: #EAA01F
}











/* Dropdown Menus */


#main-nav li ul{position: absolute;width: 200px;
z-index: 9999;
    background-color: #ffffff;
    visibility: hidden;
    opacity: 0;  margin-top: -1px; margin-left: 1px; padding-top: 7px; padding-bottom:7px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px}

#main-nav li ul li{    float: none; text-align: left; 	margin-left: 0px; margin-right: 0px; display: block;}
#main-nav li ul li.current-menu-item{ border-radius: 0px}
#main-nav li ul li a{
    font-size: 15px;
    padding-top: 5px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 5px;
    margin: 0px;
    border: none!important;
    color: #000000; letter-spacing: 0px; line-height: 19px
}
#main-nav li ul li a:hover {border-radius:0!important;color: #157EFB;  border: none!important; }
#main-nav li ul li:hover{border-radius:0!important; border: none!important;}
#main-nav li ul li.current-menu-item a{color: #000000; border: none!important;}
#main-nav li ul li.current-menu-item a:hover{color: #157EFB!important; border: none!important;}
#main-nav li:hover ul{visibility:visible; opacity:1;}

.mobile-nav{}












/* Banners */


#banner{
    position: relative;
    width: 100%; height: auto
}

#banner img{
    width: 100%; height: auto; min-width: 100%
}


#banner-home{position:relative;}
#banner-home img{width:100%; display:block;}

.flexslider .slides > li{ height: 850px;}

#banner-home .flex-control-nav{right:20px; bottom:30px;z-index:55;text-align: right;}
#banner-home .flex-control-nav li{margin:0 5px;}
#banner-home .flex-control-paging li a{font-size:0;}
#banner-home .flex-control-paging li a{border:1px solid #fff; background:transparent;    width: 12px; height: 12px;}
#banner-home .flex-control-paging li a.flex-active{background:#FFF;}


.show-mob,.close-mob{}

#new-sub-banner {
    height: 580px; position: relative; z-index: 9; 
}

#new-sub-banner .wrap{
   position: relative; min-height: 580px
}

.sub-banner-inner{ text-align: left;max-width: 550px; position: absolute; left:8px; bottom: 60px }
.sub-banner-inner h1{}
.sub-banner-inner a{}
.sub-banner-inner p{color: #ffffff;    font-size: 26px;
    line-height: 30px; letter-spacing: 1px; text-shadow: 0px 0px 10px #333333}


.flex-direction-nav{display:none;}











/* Theme Footer */



#bottomwrap{position: relative;margin-top: -50px }

.bottomwrap-inner{padding-top: 0px; }

#bottomwrap li, #copyright li{list-style: none;}
#bottomwrap p,#bottomwrap a{font-size: 13px; }


#footer-column-one{float: left; text-align: left; }
#footer-column-one ul{margin-left: 0px; padding-left: 0px}
#footer-column-one li{display: inline-block; }













/* Contact Form 7 */


.wpcf7-form-control-wrap input[type=text], .wpcf7-form-control-wrap input[type=email] {
	border-radius: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0px;
	max-width: 80%;
	width: 80%;
	color: #000000;
	font-size: 16px;
	line-height: 24px;
	background-color: #ffffff;
	margin-top: 0px;
	line-height: 48px;
font-family: 'Source Sans Pro', sans-serif;
	border-bottom-width: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;padding-left: 2%; float: left
}


textarea.wpcf7-form-control.wpcf7-textarea {
    border-radius: 0px;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 20px;
    max-width: 100%;
    width: 98%;
    color: #000000;
	font-size: 16px;
	line-height: 24px;
	background-color: #ffffff;
 margin-top: 0px; line-height: 46px; font-family: 'Source Sans Pro', sans-serif;	
		border-bottom-width: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px; height: 200px; padding-left: 2%
}

.wpcf7-form input[type=submit] {
	font-family: AkkordeonNine;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #ffffff;
	background-color: #616265;
	padding-top: 8px;
	padding-right: 12px;
	padding-left: 12px;
	padding-bottom: 8px;
	display: inline-block;
	margin-top: 0px;
	font-size: 20px;
	line-height: 32px;
	text-decoration: none;
	border: none;
	border-width: 0px!important;
	float: left
}

.wpcf7-list-item{margin-left: 0px!important}

.wpcf7-form input[type=checkbox] {
    background-color: #ffffff; height: 20px; width: 20px; color: #000000; 
}


.wpcf7-form {
 margin-top: 12px; margin-bottom: 0px
}


.wpcf7-form p {
 font-size: 14px; line-height: 19px; padding-bottom: 0px
}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #616265;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #616265;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #616265;
}










/* Single Blog Post */


#post-details-left{width: 48%; padding-right: 3%; float: left}
.post-details-left-inner{}

#post-details-right{width: 48%; float: left;}
.post-details-right-inner{border-left-width: 4px; border-left-style: solid; border-left-color: #000000; padding-left: 5%}

#post-details h1{font-size: 70px; line-height:62px; padding-bottom: 0px }

.news-date{margin-top: 20px; margin-bottom: 25px}

.post-details-left-img{position: relative}

.cat-name{
	position: absolute;
	top: 18px;
	left: 18px;
	padding-top: 8px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 8px;
	font-family: AkkordeonNine;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #000000;
	font-weight: normal;
	font-size: 21px;
	background-color: #ffffff
}

.cat-name li{list-style: none; margin: 0px!important; padding: 0px!important}
.cat-name ul{margin: 0px!important; padding: 0px!important}
.cat-name li a{text-decoration: none}

#news-footer{background-color: #54C0D9}

#post-details{overflow: hidden}








/* Single Blog Post Alt */

#post-details-left-alt{width: 31%; padding-right: 3%; float: left}
#post-details-right-alt{width: 65%; float: left;}

#post-details-right-alt .post-details-right-inner{ padding-left: 4%}

.alt-post-title h1{max-width: 66%}








/* Blog Grid */



li.news-item {
    float: left;
    width: 31%;
    margin-right: 3.5%;
    list-style: none;
    margin-bottom: 50px;
}

.news-list li:nth-child(3n+3) {
    margin-right: 0%;
}

li.news-item h4{
background-image: none; padding-bottom: 0px; margin-bottom: 0px
}

.news-item-inner-bottom{padding: 18px; background-color: #ffffff; margin-left: 18px; margin-right: 18px; margin-top: -122px; position: relative; min-height: 170px}

.news-item-inner-bottom .orangebutton{position: absolute; bottom: 18px; right:18px}
.news-item-inner-bottom .news-date{position: absolute; bottom: 18px; left:18px; margin-bottom: 0px}

.news-item-inner-top{position: relative}

.featuredbloginner{
	background-color: #ffffff;
	padding-top: 0px;
	padding-right: 25px;
	padding-left: 25px;
	padding-bottom: 25px; margin-top: -15px
}

.featuredbloginner .news-date{margin-top: 15px; margin-bottom: 15px}










/* WP Bakery Styles */
.bluebackground{background-color: #54C0D9}
.greybackground{background-color: #DBDBDB}
.paddingtop{padding-top:60px}
.paddingbottom{padding-bottom: 45px}
.margintop{margin-top:50px}
.marginbottom{margin-bottom: 35px}
.pinkbackground{background-color: #ffbdb2}

.orangebutton a, a.orangebutton{font-family: AkkordeonNine; text-transform: uppercase; letter-spacing: 1px; color: #000000; background-color:#FB7655; padding: 8px!important; display:inline-block; margin-top: 10px; font-size: 32px!important; line-height: 32px!important; text-decoration: none}

.largetext p, .largetext {font-size: 20px; line-height:27px; padding-bottom: 15px}

.reveal-largetext p, .reveal-largetext {font-size: 25px; line-height:32px; padding-bottom: 20px}

.orangebutton a:hover, a.orangebutton:hover{color: #ffffff!important; background-color: #000000!important}

.contrainedcolumn{padding-left: 15%; padding-right: 15%}

.whitetext p, .whitetext h1, .whitetext h2, .whitetext h3, .whitetext h4, .whitetext h5{color: #ffffff}
.whitetext strong{color: #ffffff}

.flexrow {
    position: relative;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fullheight{min-height:110vh }

.homeheader p{font-size: 65px; line-height:60px; padding-bottom: 22px; font-family: AkkordeonNine; text-transform: uppercase; letter-spacing: 1px; color: #000000; font-weight: normal}
.homeheader p strong{color: #FB7655}

.rowunderline{border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #000000}

.holding-left-column{padding-right: 12%}

.holding-columns{margin-top:180px}
.holding-box{
	padding-top: 90px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 30px
}
.holding-pencils{background-image: url("images/pencils.png"); background-position: bottom center; background-repeat: no-repeat; background-color: #6fbed4; background-size: 70%}