/*
Theme Name: Presserly-Basic-Child
Theme URI: https://wearebrave.co
Template: presserly-basic
Author: We Are Brave
Author URI: https://wearebrave.co
Description: A super basic starter theme 
Version: 1.1
Text Domain: presserly-basic-child
Tags: starter theme
*/

html{}

/* OLD FONT @font-face {
    font-family: 'franklingothic-book';
    src: url('fonts/franklingothic-book-webfont.woff') format('woff2'),
         url('fonts/franklingothic-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}*/

@font-face {
    font-family: 'franklingothic-bold';
    src: url('fonts/franklingothic-bold-webfont.woff') format('woff2'),
         url('fonts/franklingothic-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* Webfont: FranklinGothic-Book */@font-face {
    font-family: 'franklingothic-book';
    src: url('fonts/franklin-gothic-book.eot'); /* IE9 Compat Modes */
    src: url('fonts/franklin-gothic-book.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/franklin-gothic-book.woff') format('woff'), /* Modern Browsers */
         url('fonts/franklin-gothic-book.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/franklin-gothic-book.svg') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}


/* Webfont: FranklinGothic-Medium */@font-face {
    font-family: 'franklin-gothic-medium';
    src: url('fonts/franklin-gothic-medium.eot'); /* IE9 Compat Modes */
    src: url('fonts/franklin-gothic-medium.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/franklin-gothic-medium.woff') format('woff'), /* Modern Browsers */
         url('fonts/franklin-gothic-medium.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/franklin-gothic-medium.svg') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: FranklinGothic-Roman */@font-face {
    font-family: 'frank-got-rom';
    src: url('fonts/frank-got-rom.eot'); /* IE9 Compat Modes */
    src: url('fonts/frank-got-rom.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/frank-got-rom.woff') format('woff'), /* Modern Browsers */
         url('fonts/frank-got-rom.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/frank-got-rom.svg') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}


body {
	font-family: 'franklin-gothic-medium';
	color: #4D4D4E;
}
h1, h2, h3, h4, h5 {
	font-family: 'franklingothic-bold';
}

a {
	color: #4D4D4E;
}

p {
	font-size: 17px;
}

img {
	max-width:100%
}

#logo {
}

#partners {
	float:right;
}

#main-menu ul {
	margin-top:20px;
	padding:0;
}

#main-menu ul li a {
	text-transform:uppercase;
	font-size:12pt;
	font-weight:700;
}

#main-menu ul li a:hover {
	color:#9ACB3F;
}

#main-menu ul li.current_page_item a {
	color:#9ACB3F;
}
li.search {
	width:25px;
	height: 25px;
	background: url('images/search.png') no-repeat top+11px center;
	text-indent: -9999px;
}
.title-banner {
	background: #9ACB3F;
}
.title-banner .inner-content {
	background: url('images/page-head-bg.png') no-repeat top+0px left+70%;
}
.page-id-15 .title-banner .inner-content, .parent-pageid-15 .title-banner .inner-content {
	background: url('images/drinkless.png') no-repeat top+0px left+70%;
}
.page-id-4 .title-banner .inner-content, .parent-pageid-4 .title-banner .inner-content {
	background: url('images/feelgood.png') no-repeat top+2px left+60%;
}
.page-id-86 .title-banner .inner-content, .parent-pageid-86 .title-banner .inner-content {
	background: url('images/contactus.png') no-repeat top+0px left+60%;
}
.page-id-35 .title-banner .inner-content, .parent-pageid-35 .title-banner .inner-content {
	background: url('images/yourstories.png') no-repeat top+0px left+70%;
}	

@media screen and (max-width: 1150px){
.title-banner .inner-content {
	background: url('images/page-head-bg.png') no-repeat top+0px right;
}
.page-id-15 .title-banner .inner-content, .parent-pageid-15 .title-banner .inner-content {
	background: url('images/drinkless.png') no-repeat top+0px right;
}
.page-id-4 .title-banner .inner-content, .parent-pageid-4 .title-banner .inner-content {
	background: url('images/feelgood.png') no-repeat top+2px right;
}
.page-id-86 .title-banner .inner-content, .parent-pageid-86 .title-banner .inner-content {
	background: url('images/contactus.png') no-repeat top+0px right;
}
.page-id-35 .title-banner .inner-content, .parent-pageid-35 .title-banner .inner-content {
	background: url('images/yourstories.png') no-repeat top+0px right;
}
}
@media screen and (max-width: 950px){
.title-banner .inner-content {
	background: none !important;
}
}  

.title-banner h1 {
	color:#fff;
	font-size:52px;
	padding: 25px 0 25px 0;
}



#subpages {
	max-width:390px;
	width:390px;
	display:inline-block;
	vertical-align:top;
	padding-right:50px;
	border-right: 1px solid #4D4D4E;
	box-sizing: border-box;
	margin:55px 0px 80px 0px;
	padding-top:65px;
}
#subpages h2 {
	background: #9ACB3F;
	padding:10px 20px;
	margin:0px 0px 30px 0px;
	text-transform:uppercase;
	color:#fff;
	font-size:16pt;
}
.page_option {
	display:block;
	color:#404040;
	padding:20px 0;
	border-bottom: 1px solid #404040;
	background: url('images/greyarrow2.png') no-repeat top+20px right;
	cursor:pointer;
}
.page_option.active{
	color: #9ACB3F;
}

#subpage_ad_box {
	margin-top:50px;
	height:380px;
	width:365px;
	background: url('images/blue-glass-bg.png') no-repeat top right;
	border-radius: 2px;
}
.tab {
	max-width:740px;
	display:inline-block;
	padding:45px;
}
.tab h1 {
	color: #9ACB3F;
	margin:0px 0px 30px 0px;
	font-size:40px;
}
.tab h3 {
	color: #9ACB3F;
}
.tab a {
	text-decoration:none;
}
.hidden-tab {
	display:none;
}

/*#share_bar {
	position:fixed;
	right:0;
	top:320px;
	height:225px;
	width:45px;
	background: #38BDBA url('images/follow.png') no-repeat;
	border-radius: 10px 0px 0px 10px;
	border: 2px solid #fff;
	border-right:none;
}*/
.a2a_floating_style, .a2a_overlay_style, .a2a_vertical_style a {
	padding:0!important;
}

#footer .widget_nav_menu{
	display:inline-block;
	width:33%;
	vertical-align:top;
}

#f-column-2 img {float:right;}

#f-column-2 #followus {
	background: url('images/fb.png') no-repeat left top;
	padding: 2px 0 2px 50px;
}
#f-column-2 #hello {
	background: url('images/mail.png') no-repeat left top;
	padding: 2px 0 2px 50px;
}
#f-column-2 #nhs img {
	float:none;
	margin-left:5px;
}

a.find-more-button {
	padding:10px 40px 10px 10px;
	color:#404040;
	background: #fff;
	border-radius: 5px;
	cursor:pointer;
}


.home h1 {
	color: #9ACB3F;
	font-weight:700;
	font-size:52px;
	margin-top:0px;
	padding-right:30px;
}

#introduction, #tips-benefits {
	padding: 50px 0px;
}





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

	#introduction h1 {
	line-height:50px !important;
	}
}
  
#tips-benefits h1 {
	color: #fff;
}


#tips-benefits {
	background: #7A4796;
}

#tips-benefits p {
	color:#fff;
	margin-bottom:30px;
}
#tips-benefits .column33 {
}
#tips-benefits .column66 .column33 {
	text-align:center;
}
#tips-benefits hr {
	box-shadow: 0px 1px 1px #666;
	margin: 50px 0;
        border-top: 1px solid #9A71B1;
}
a.find-more-button {
	background: #fff url('images/blackarrow.png') no-repeat top+3px right+3px;	
	text-decoration:none;
}

#tips-benefits a.find-more-button {
	font-size: 22px;
	padding: 10px 40px 10px 20px;
	background: #fff url('images/blackarrow.png') no-repeat top+8px right+3px;	
	display:inline-block;
	position:relative;
	margin-top:20px;
}

#compare {
	background: url('images/yellowgradient.png') no-repeat center center;
	background-size:cover;
}
#compare .inner-content{
	background: url('images/dial.png') no-repeat top right+275px;
}	
#compare h1, #compare p {
	color: #4D4D4E;
}
#compare h1 {
	margin:20px 0px 0px 0px;
	font-size: 40px;
	padding-right:0px;
}
#compare p {
	font-weight:700;
}
#compare a.find-more-button {
	font-size: 22px;
	padding: 10px 40px 10px 20px;
	background: #fff url('images/blackarrow.png') no-repeat top+8px right+3px;	
	display:inline-block;
	position:relative;
	margin-top:40px;
	float:right;
}

.presserly_slider h2 {
	font-size:70px;
	max-width:600px;
	line-height: 70px;
	margin-bottom:30px;
}
.presserly_slider p{
	font-size:26px;
	max-width: 500px;
	line-height: 28px;
	margin:0 0 20px 0;
}
.presserly_slider a.find-more-button {
	font-size: 22px;
	padding: 10px 40px 10px 20px;
	margin-top:20px;
  	margin-bottom:20px;
	background: #fff url('images/blackarrow.png') no-repeat top+8px right+3px;	
	display:inline-block;
}



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

	#mobile-menu-icon {
	display:inline-block;
	right: 180px;
	top: 40px;
	width:60px;
	height: 60px;
	background: #fff url('images/hamburger.png') no-repeat;
	cursor:pointer;
	}
	#main-menu {
	display:none;
	position:fixed;
	top:100px;
	width:100%;
	left:0;
	}
	#main-menu li {
	background: #fff;
	width:100%;
	text-align:center;
	padding:20px;
	border-bottom: 1px solid #eee;
	box-sizing:border-box;
	}
	.column66, .column50, .column33  {
	width:100%;
	}
	#footer .footer-column {
	width:100%;
	}
	#subpages {
	width:100%;
	max-width:100%;
	margin:0 0 30px 0;
	padding-right:0;
	border-right:none;
	}
	#subpage_ad_box{
	display:none;
	}
	.tab {
	max-width:100%;
	padding:0;
	}
}

@media screen and (max-width:1250px) {
	.presserly_slider .bxslider .inner-content {
		background-size:50%!important;
	}
	#compare .inner-content {
   		/*background: url(images/dial.png) no-repeat bottom left 0px;
    	background-size: 40%;*/
   		background: none;
			

	}

}

@media screen and (max-width: 400px) {
	#partners {display:none;}
	#mobile-menu-icon {right:10px;}
}
		
@media screen and (max-width:600px) {
		  .presserly_slider .bxslider li.slide1 .inner-content {
				background-position: bottom center!important;
				background-size:contain!important;
			}
			.presserly_slider h2 {
				margin-top:0;
			}
}