/*
Theme Name: Clavel Magazine 2017
Theme URI: https://clavelmagazine.com
Author: yentownkid&co./Norman Dellosa
Author URI: https://clavelmagazine.com
Description: © 2017 BOYBRIGHTBOY MULTIMEDIA CORP. NETWORK. ALL RIGHTS RESERVED.
WEBSITE IS DESIGNED BY YENTOWNKID&CO.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: clavel-magazine-2017
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Clavel Magazine 2017 is based on Underscores https://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/



@import url('https://fonts.googleapis.com/css?family=Arimo:400,700|Oswald:400,500');

html {
	height: 100%;
}

body {
	
	background-color: #fff;
	margin: 0;
	padding: 0;
	color: #000;
	
	font-size: 18px;

	background-size: 100%; 
	background-attachment: fixed;
	-moz-background-size:100% 100%; /* Firefox 3.6 */
	font-family: 'Arimo', sans-serif;
	letter-spacing: 1px;
	
	
	}

ol, ul
{
	
	margin-bottom: 20px !important;
}
a
{
color: #757575;
}
	a:hover
	{
	text-decoration: none;	
color: #5a5a5a;
	}
input
{
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
box-sizing: border-box;
}
	img
	{
	border: none;	
	}
	
	.row
	{
	margin-left: 0 !important;
	margin-right: 0 !important;	
	}
	
	.container
	{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	.container-fluid
	{
	padding-left: 0 !important;
		padding-right: 0 !important;	
	}
	
	::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #dddddd;
	letter-spacing: 1px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #dddddd;
   opacity:  1;
   letter-spacing: 1px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #dddddd;
   opacity:  1;
   letter-spacing: 1px;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #dddddd;
   letter-spacing: 1px;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #dddddd;
   letter-spacing: 1px;
}
	*:focus {
    outline: none;
}
	.navbar-inverse .navbar-nav>li>a {
    color: #fff;
}
	
.clavel-header
{
padding-top: 25px;
	z-index: 999;
text-align: center;
width: 100%;
position: fixed;
top: 0;
left: 0;
background-color: #fff;
padding-bottom: 25px;

}

.clavel-header img
{
height: 30px;
 	
}
.clavel-menu
{
text-align: center;	
margin-top: 85px;
margin-bottom: 10px;
letter-spacing: 1px;
}

.clavel-menu ul
{
margin: 0;
padding: 0;	
display: inline-block;
}

.clavel-menu ul li
{
display: inline-block;
margin: 0;
padding: 0;	
font-size: 0.9em;
font-family: Helvetica, Arial, sans-serif;

margin-left: 20px;
margin-right: 20px;
}

.individual-post-wrap:hover .individual-post-title h1
{
display: block;	
transition: 0.3s;
}

.individual-post-wrap:hover .individual-post-image
{
opacity: 0.5;	
transition: 0.3s;
}

.individual-post-wrap
{
max-width: 750px;
max-height: 427px;
background-color: #000;	
margin: 0 auto;
margin-top: 50px;

position: relative;
overflow: hidden;
}

.individual-post-image
{
position: relative;
top: 0;
left: 0;
opacity: 1;	
width: 100% !important;
    height: 100% !important;
}



.individual-post-title h1
{
font-family: 'Oswald', sans-serif;
	display: none;
color: #fff;	
position: absolute;
top: 50%;
transform: translateY(-50%);
margin: 0;
font-size: 2.8em ;
padding: 0 80px 0 80px ;
text-align: center ;
font-weight: 500 ;
letter-spacing: 1px ;
line-height:1.1em ;
text-transform: uppercase ;
}

.individual-post-title h1 a
{
color: #fff;	
}

.clavel-footer
{
padding: 15px 0 15px 0;	
text-transform: uppercase;
font-size: 0.8em;
font-family: Helvetica, Arial, sans-serif;
}
.socmed
{
text-align: right;	
}

.socmed img
{
width: 40px;
height: 40px;
margin: 0 5px 0 5px;
}

.home-wrap
{
margin-bottom: 90px;	
}
.clavel-menu ul li a
{
color: #000;	
}

.clavel-menu ul li a:hover
{
color: #666;	
}

input.search
{
background: transparent;
border: none;	
background-image: url(//clavelmagazine.com/wp-content/uploads/2017/10/search-icon.png);
background-repeat: no-repeat;
background-size: 16px;
padding-left: 23px;
width: 120px;
background-position: 0 3px;

}

.page-wrap
{
max-width: 750px;	
}


h1.entry-title
{
font-family: 'Oswald', sans-serif;
font-weight: 500;	
font-size: 2.4em;
text-align: center;
margin: 30px 0 10px 0;
padding: 0;
line-height: 1.2em;
}

.post-meta
{
text-align: center;	
margin-bottom: 30px;
color: #757575;
}

.post-content p
{
margin: 30px 0 30px 0;	
}

.post-content
{
margin-bottom: 80px;	
font-size: 1.1em;
}

.post-content img
{
margin-bottom: 30px;	
}


.share
{
margin-top: 40px;	
height: 40px;
line-height: 40px;
}
.share a
{
height: 40px;	
}
.share img
{
max-width: 40px;
max-height: 40px;	
margin: 0 0 0 15px !important;
}

h2.related-posts-heading
{
font-size: 2.3em;
font-weight: 700;
margin: 40px 0 40px 0;
	font-family: 'Oswald', sans-serif;
}

.individual-post-image img
{
margin-bottom: 0 !important;	
width: 100%;
height: auto;

}

.individual-post-title h1
{
margin-top: 0 !important;	
}

.post-content img
{
width: 750px !important;
height: auto;
}

a.posted-on-link
{
color: #000;
text-decoration: none;
}

a.author-link
{
color: #000;
text-decoration: none;
font-weight: 700;
}

a.posted-on-link:hover, a.author-link:hover
{
text-decoration: underline;
}

.individual-post-image
	{
	background-size: cover;	
background-position: 50% 50%;

	}
	.individual-post-image a
	{
	display: block;
	opacity: 0;
	}

.clear
{
clear: both;
}

.banner-ad img
{
    max-width: 750px !important;
    margin: 0 auto;
    margin-top: 50px;
   
}

h1.nothing-found
{
margin-bottom: 200px;
}

.inside-page
{
margin-bottom: 200px;
}

.wdpu-content
{
padding: 0 !important;
}

.wdpu-close, .wdpu-close:hover
{
background: transparent !important;

}

.wdpu-close:hover
{
color: #ccc !important;
}


#newscontent
{
margin-top: 30px;
}

.wdpu-middle
{
min-height: 0 !important;
}

.page-wrap
{
max-width: 750px;
margin: 0 auto;	
}


.social-share
{



position: absolute;
top: 670px;
left: 0;

}

.social-share img
{
display: block;
width: 40px;
height: 40px;	
margin: 5px;
}


.social-share a
{
color: #000 !important;
}
.social-share i
{
font-size: 1.5em;
display: block;
margin: 0 0 30px 10px;
width: 40px;
    text-align: center;

}
.clavel-header.change img
{
height: 26px !important;
transition: 0.1s;	
}

.share-mobile
{
	
	background-color: #fff;
	text-align: center;
	position: fixed;
z-index: 9999;
left: 0;
	bottom: 0;
	width: 100%;
	padding: 10px 0;
display: none;
}

.share-mobile i
{
font-size: 1.5em;	
margin-left: 10px;
margin-right: 10px;
width: 30px;
}

.share-mobile a
{
color: #000 !important;	
}

#wp-email-popup
{
font-size: 0.8em;
}

input.TextField
{

height: 30px;
    width: 100%;
    padding: 0 5px 0 5px;
    font-size: 1em;
    margin-top: 10px;
    margin-bottom: 3px;
    background: #fff;
    border: 1px solid #ccc;

}

.wp-email textarea
{

    width: 100%;
    height: 100px;
    resize: none;
    border: 1px solid #cccccc;
    margin-top: 10px;
margin-bottom: 3px;
}

.wp-email label
{
font-weight: 400 !important;
}

#wp-email-required
{
display: none;
}

.wp-email em
{
font-size: 0.9em;

}

#wp-email-submit
{
-webkit-appearance: none;
-moz-appearance: none;
border: 1px solid #ccc;
    background-color: #efefef;
    font-size: 1em;
    padding: 5px;

}

#wp-email-popup > p > a
{
font-size: 0.8em;
margin-bottom: 10px;
}
#wp-email-popup
{
padding: 1em !important;
}

.contact-fields input[type=text], .contact-fields input[type=email]
{
	width: 100%;
	
	border: none;
	border-bottom: 2px solid #000;
	padding: 3px;
	margin-top: 30px;
}

.contact-fields textarea
{
	width: 100%;
	height: 200px;
	border: none;
	border: 2px solid #000;
	padding: 5px;
	
	margin-top: 30px;
}

input.submit-button
{
	width: 100%;
	background-color: #000;
	border: none;
margin-top: 30px;
	color: #fff;
	padding: 10px 0 10px 0;
}

.clavel-page-post-block
{
	margin-bottom: 40px;
}

div.wpcf7-response-output {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}

.no-margin-top
{
margin-top: 0 !important;
}

span.wpcf7-not-valid-tip {
   
    font-size: 0.8em !important;
  
    margin-top: 3px;
    font-style: italic;
}

.post-content > figure
{
width: 100% !important;
}

.video-responsive {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-responsive iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}



[title~=recaptcha] { 
   width: inherit !important;
	height: inherit !important;
}

 .wpcf7-recaptcha iframe
{
	width: 100% !important;
	height: 80px !important;
}

.rc-button
{
	background-size: auto !important;
}
.page-wrap p
{
	
margin-bottom: 20px;
}

.page h1.entry-title
{
	
	margin-bottom: 40px !important;
}

.citation_text
{
	
	word-break: break-all;
}

.grecaptcha-badge {
	display: none !important;
}

body.page-id-199 .grecaptcha-badge {
	display: block !important;
}

figcaption
{
	font-size: 0.6em;
    
    color: #7c7b7b;
	margin-top: -20px !important;

}

nav.pagination h2
{
	display: none !important;
}

nav.pagination
{
	display: block !important;
	margin: 30px auto 30px auto !important;
	text-align: center;
}

.featured-page-container
{
	background-image: url(//clavelmagazine.com/images/featured-gradient.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	color: #fff;
	padding-top: 80px;
}

.full-screen-video
{
	background-color: #0f0f0f;
}

.featured-page-container .entry-header
{
	display: none !important;
}

.featured-page-container figcaption
{
	font-size: 1em;
	text-align: right;
}

.featured-page-container .wp-block-embed__wrapper

{
	position: relative;
}


.featured-page-container p
{
	margin-bottom: 180px;
}

.featured-page-container .wp-block-embed
{
	margin-bottom: 150px;
}
.top-rank
{
	position: absolute;
    top: -80px;
    left: -80px;
    color: #fef373;
    font-weight: 700;
	letter-spacing: -2px;
}

#featured-post-body-no-margin
{
	padding: 0 !important;
}

.top-rank-text
{
	font-size: 1.5em;
}

.rank-text
{
	    font-size: 13em;
    line-height: 0.65em;
}

.spaceta-p p
{
	padding: 0 !important;
	margin: 0 !important;
	margin-bottom: 0 !important;
}
/**RESPONSIVE**/





	@media (max-width: 992px) {
		
		

		

.clavel-footer
{
padding-bottom: 55px;
}

body.home .clavel-footer
{
margin-bottom: 0;
}
.share-mobile
{
display: block;
}

.social-share
{
display: none;
}
	
		
.banner-ad img
{
    max-width: 100% !important;
   
   
}
		
	.clavel, .socmed
	{
	text-align: center !important;	
	}
	
	.clavel
	{
	margin-bottom: 10px;	
	}
	
	.socmed
	{
	margin-top: 10px;	
	}
		
		
		
		
			.post-content img
{
	width: 100% !important;
max-width: 100% !important;
	margin: 0 auto !important;
	display: block !important;
height: auto;
}
	
	
	figure
	{
		
		max-width: 100% !important;
	}
	figure.aligncenter
	{
		margin: 0 auto !important;
		max-width: 100% !important;
	}

			
	
	[title~=recaptcha] { 
   width: inherit !important;
	height: inherit !important;
}

 .wpcf7-recaptcha iframe
{
	width: 100% !important;
	height: 80px !important;
}


	.banner-ad img {
    max-width: 100% !important;
  
}
	
	body
	{
	padding: 0 10px 0 10px;	
	}

	.individual-post-image
	{
	opacity: 0.75;	
	}
	 .individual-post-title h1
{
display: block;	
}

.clavel-menu ul li {

    margin-left: 10px;
    margin-right: 10px;
}

		
	.individual-post-title h1
{

font-size: 2em;

}
	
.home-wrap
{
padding: 0 10px 0 10px !important;	
}

.page-wrap {
  padding: 0 10px 0 10px !important;	
}

		

}



@media (max-width: 767px) {
	
	.top-rank {
 
    top: -40px;
    left: -10px;
    
    font-size: 0.5em;
}
	
	.post-content img
{
	width: 100% !important;
max-width: 100% !important;
	margin: 0 auto !important;
	display: block !important;
height: auto;
}
	
	
	figure
	{
		
		max-width: 100% !important;
	}
	figure.aligncenter
	{
		margin: 0 auto !important;
		max-width: 100% !important;
	}

			
	
	[title~=recaptcha] { 
   width: inherit !important;
	height: inherit !important;
}

 .wpcf7-recaptcha iframe
{
	width: 100% !important;
	height: 80px !important;
}


	.banner-ad img {
    max-width: 100% !important;
  
}
	
	body
	{
	padding: 0 10px 0 10px;	
	}

	.individual-post-image
	{
	opacity: 0.75;	
	}
	 .individual-post-title h1
{
display: block;	
}

.clavel-menu ul li {

    margin-left: 10px;
    margin-right: 10px;
}

		
	.individual-post-title h1
{

font-size: 2em;

}
	
.home-wrap
{
padding: 0 10px 0 10px !important;	
}

.page-wrap {
  padding: 0 10px 0 10px !important;	
}

}



/* Landscape phones and down */
@media (max-width: 480px) {
iframe.giphy-embed	
	{
    width: 100% !important;
    height: 200px !important;
		background-color: #000;
}
	
	.post-content, .page-wrap
	{
		font-size: 16px;
	}
	
	
	
			
	
	.individual-post-title h1
{

font-size: 1.5em;
padding: 0 15px 0 15px;

}
	 }
	 
	 
	 
	 /* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}