* {
	font-family: 'droid_sansregular';	
}

a, a:hover, a:focus, a:visited {
	text-decoration: none;
}

img {
	max-width: 100%;
	height: auto;
}

header {
	padding: 20px 0;
	.search-form {
		input {
			background-image: url('../img/search.svg?time');
			background-repeat: no-repeat;
			background-position: left 10px center;
			padding-left: 40px;
			background-size: 22px auto;
		}
	}
	.current-user {
		border-top: 1px solid #DDDDDD;
		border-bottom: 1px solid #DDDDDD;
		padding-top: 15px;
		padding-bottom: 15px;
		margin-top: 15px;
		h4 {
			font-family: 'Grand Hotel', cursive;
			font-size: 30px;  
			margin: 0;
		}

		a, span {
			color: #444;
			font-size: 12px;
		}

		.row.actions {
			border-top: 1px solid #DDDDDD;
			padding-top: 15px;
			margin-top: 15px;
		}

		.actions {
			a {
				padding: 5px 0;
				padding-left: 30px;
				background-repeat: no-repeat;
				background-position: left center;
				display: inline-block;
				background-size: 22px auto;
			}

			a.account {
				background-image: url('../img/account.svg');
			}
			a.logout {
				background-image: url('../img/logout.svg');
			}
		}
	}
}

#main-menu {
	border-bottom: 8px solid #FCEA12;
	margin-bottom: 30px;
	border-top: 1px solid #dddddd;
	margin-top: 10px;

	a {
		padding-top: 10px;
		display: inline-block;
		font-family: 'Grand Hotel', cursive;
		font-size: 20px;
		color: #000;
		padding-left: 30px;
		background-position: left center;
		background-repeat: no-repeat;
	}

	ul {
		li.home {
			a {
				background-image: url('../img/menu/inicio.svg');
			}
		}

		li.receitas {
			a {
				background-image: url('../img/menu/receitas.svg');
			}
		}

		li.cha-comigo {
			a {
				background-image: url('../img/menu/cha-comigo.svg');
			}
		}

		li.bate-papo {
			a {
				background-image: url('../img/menu/bate-papo.svg');
			}
		}

		li.cultura-em-minutos {
			a {
				background-image: url('../img/menu/cultura-em-minutos.svg');
			}
		}

		li.materias {
			a {
				background-image: url('../img/menu/materias.svg');
			}
		}

		li.entrevistas {
			a {
				background-image: url('../img/menu/entrevistas.svg');
			}
		}

		li.saude-e-bem-estar {
			a {
				background-image: url('../img/menu/saude-e-bem-estar.svg');
			}
		}

		li.workshops {
			a {
				background-image: url('../img/menu/workshops.svg');
			}
		}
	}
}

#main-posts {
	padding-bottom: 40px;
	figure {
		img {
			margin-bottom: 5px;
		}
		figcaption {
			height: 80px;	
			span {
				color: #FFC500;
				font-family: 'droid_sansbold';
			}		
			p {
				font-family: 'Grand Hotel', cursive;	
				font-size: 25px;
				white-space: nowrap;
  				overflow: hidden;
				text-overflow: ellipsis;
				color: #000;
			}
		}
	}

	.desc-ad {
		span {
			color: #FFC500;
			font-family: 'droid_sansbold';
		}

		h4 {
			font-family: 'Grand Hotel', cursive;	
			font-size: 25px;
			color: #000;
		}
	}

	hr {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.content-title {
		margin-bottom: 20px;
		background-repeat: repeat-x;
		background-image: url('../img/bg-title.jpg');
		background-position: center;
	}

	.title-section {
		margin: 0 auto;
		display: table;
		background-color: #fff;
		font-family: 'Grand Hotel', cursive;	
		font-size: 30px;
		padding: 0 60px;
	}

	.section-title {
		font-size: 30px;
		font-family: 'Grand Hotel', cursive;	
		margin-top: 0;
		margin-bottom: 15px;
	}

	.paginate {
		padding-top: 20px;
		padding-bottom: 20px;
		.page-numbers {
			padding: 5px 8px;
			border: 1px solid #d5d5d5;
			border-bottom: 3px solid #FCEA12;
			color: #000;
			&.current {
				background-color: #d5d5d5;
			}
		}

		.dots {
			padding: 5px 0;
			border: 0;
		}
	}

	.alignright {
		float: right;
	    margin-left: 10px;
	    margin-top: 15px;
	    margin-bottom: 15px;
	}

	.alignleft {
		float: left;
	    margin-right: 10px;
	    margin-top: 15px;
	    margin-bottom: 15px;
	}
}


.single {
	#main-posts {
		padding-bottom: 40px;
		.content-title {
			margin-bottom: 0px;
		}

		.subtitle {
			margin-bottom: 20px;
			h5 {
				color: #FFC500;
			}
		}

		h2.subtitle {
			font-family: 'Grand Hotel', cursive;
			color: #FFC501;			
			font-size: 35px;
		}

		.title-post {
			font-family: 'Grand Hotel', cursive;
			font-size: 35px;
			color: #000;
			margin-bottom: 30px;
		}

		.details-recipes {
			h1 {
				margin: 0;
				font-size: 28px;
				font-weight: bold;
			}

			.cat {
				font-size: 13px;
			}

			p {
				margin: 0;
			}

			ul {
				margin-top: 10px;				
				li {
					border-right: 1px dotted #000;
					padding: 10px;
					img {
						margin-bottom: 10px;
					}
					&:last-child {
						border:0;
					}
				}
			}
		}

		.ingredients {
			ul {
				padding: 0;
				li {
					display: flex;
    				justify-content: space-between;
    				margin-bottom: 10px;
    				span {
    					display: inline-flex;
    					align-items: center;
    					&::before {
	    					content: "";
						    width:5px;
						    height:5px;
						    margin-right: 30px;
						    background:#FFC501;
						    display: inline-block;
						    border-radius: 100%;

	    				}
	    			}
				}
			}
		}

		.instrucoes {
			ol {
    			padding-left: 0;
    			list-style: none;
    			counter-reset: item;
    			li {
    				&::before {
					    content: counter(item);
					    counter-increment: item;
					    margin-right: 20px;
					    background-color: #fcc639;
					    color: white;					    
					    border-radius: 50%;
					    width: 25px;
					    height: 25px;
					    display: inline-flex;
					    align-items: center;
					    justify-content: center;
					    float: left;
    				}
    			}
			}
		}

		.tags {
			ul {
				li {
					a {
						padding: 10px 20px;
						border-radius: 20px;
						display: inline-table;
						background-color: #666666;
						margin-bottom: 12px;
						color: #fff;
					}
				}
			}
		}

		.comments {
			.comment-item {
				margin-bottom: 30px;
			}
		}

		.rating {
			ul {
				li {
					background-image: url('../img/star.svg');
					width: 40px;
					height: 40px;
					background-position: center center;
					background-repeat: no-repeat;
					background-size: contain;

				}
			}   

			ul.one-star {
				li:first-child {
					background-image: url('../img/star-yellow.svg');
				}
			}

			ul.two-stars {
				li:first-child {
					background-image: url('../img/star-yellow.svg');
				}
				li:nth-child(2) {
					background-image: url('../img/star-yellow.svg');
				}
			}

			ul.three-stars {
				li:first-child {
					background-image: url('../img/star-yellow.svg');
				}
				li:nth-child(2) {
					background-image: url('../img/star-yellow.svg');
				}

				li:nth-child(3) {
					background-image: url('../img/star-yellow.svg');
				}
			}

			ul.four-stars {
				li:first-child {
					background-image: url('../img/star-yellow.svg');
				}
				li:nth-child(2) {
					background-image: url('../img/star-yellow.svg');
				}

				li:nth-child(3) {
					background-image: url('../img/star-yellow.svg');
				}

				li:nth-child(4) {
					background-image: url('../img/star-yellow.svg');
				}
			}

			ul.five-stars {
				li {
					background-image: url('../img/star-yellow.svg');
				}
			}
		}

		#respond {
			display: table;
    		width: 100%;

    		h3 {
    			font-family: 'Grand Hotel', cursive;
				color: #FFC501;			
				font-size: 35px;
    		}

    		.logged-in-as {
    			display: none;
    		}

    		textarea {
    			width: 100%;
    		}

    		#submit {
    			background-color: #FFC501;
    			color: #fff;
    			border: 0;
    			padding: 10px 20px;
    		}
		}


		.content-description {
			margin-top: 20px;
		}

		.btn-link {
			background-color: #FFCF00;
			width: 100%;
			color: #fff;
			font-family: 'Grand Hotel', cursive;
			font-size: 28px;
			&:hover {
				text-decoration: none;
			}
		}

		figure { 
			figcaption {
				height: auto; 
				margin-bottom: 10px;	
				font-family: 'Grand Hotel', cursive;			
				font-size: 28px;
			}
		}
		
		.bxslider {
			p {
				white-space: initial;
				overflow: visible;
				font-family: 'droid_sansregular';
				font-size: 14px;
				margin-bottom: 10px;
			}

			ul {
				margin: 10px 0;
			}
		}


		.content-video {
			position: relative;
			line-height: 0;

			.controls {
				position: absolute;
			    bottom: 5px;
			    width: 100%;
			    padding: 0 15px;
			    z-index: 999;			    

			    input {
					width: 100%;
					-webkit-appearance: none;
				}
				
				input[type=range] {
				  -webkit-appearance: none;
				  margin: 10px 0;
				  width: 100%;
				  background-color: transparent;
				}
				input[type=range]:focus {
				  outline: none;
				}
				input[type=range]::-webkit-slider-runnable-track {
				  width: 100%;
				  height: 8px;
				  cursor: pointer;
				  animate: 0.2s;
				  box-shadow: none;
				  background: rgba(255,255,255,0.5);
				  border-radius: 0;
				  border: 0px solid #ffffff;
				}
				input[type=range]::-webkit-slider-thumb {
				  box-shadow: none;
				  border: 0px solid #ffcc00;
				  height: 15px;
				  width: 15px;
				  border-radius: 50%;
				  background: #ffcc00;
				  cursor: pointer;
				  -webkit-appearance: none;
				  margin-top: -3.5px;
				}
				input[type=range]:focus::-webkit-slider-runnable-track {
				  background: rgba(255,255,255,0.5);
				}


				/*ńew*/
				/*barra do firefox*/
				input[type=range]::-moz-range-track {
				  width: 100%;
				  height: 8px;
				  cursor: pointer;
				  animate: 0.2s;
				  box-shadow: none;
				  background: rgba(255,255,255,0.5);
				  border-radius: 0;
				  border: 0px solid #ffffff;
				}

				input[type=range]::-moz-range-thumb {
					box-shadow: none;
					border: 0px solid #ffcc00;
					height: 15px;
					width: 15px;
					border-radius: 50%;
					background: #ffcc00;
					cursor: pointer;
					-webkit-appearance: none;
					margin-top: -3.5px;
				}
				
				/*barra do ie*/
				input[type=range]::-ms-track {
				  width: 100%;
				  height: 8px;
				  cursor: pointer;
				  animate: 0.2s;
				  box-shadow: none;
				  background: rgba(255,255,255,0.5);
				  border-radius: 0;
				  border: 0px;
				}
				input[type=range]::-ms-fill-lower {
				  background: rgba(255,255,255,0.5);
				  border: 0px;
				  border-radius: 0;
				  box-shadow: none;
				}
				input[type=range]:focus::-ms-fill-lower {
				  background: rgba(255,255,255,0.5);
				}
				input[type=range]::-ms-fill-upper {
				  background: rgba(255,255,255,0.5);
				  border: 0px;
				  border-radius: 0px;
				  box-shadow: none;
				}
				input[type=range]:focus::-ms-fill-upper {
				  background: rgba(255,255,255,0.5);
				}

				input[type=range]::-ms-thumb {
					box-shadow: none;
					border: 0px solid #ffcc00;
					height: 15px;
					width: 15px;
					border-radius: 50%;
					background: #ffcc00;
					cursor: pointer;
					-webkit-appearance: none;
					margin-top: -3.5px;
				}

			}

			#play, #fullscreen  {
				position: absolute;
				background: transparent;
			    border: 0;
				&:focus {
			    	border: 0;
    				outline: 0;
			    }
			}
	
			#play {				
			    z-index: 99;
			    top: 0;
			    width: 100%;
			    height: 100%;		
			    transition: 0.5s;	 
			    background-color: rgba(0,0,0,0.5);   		

			    svg {
			    	max-width: 40px;
			    	height: auto;
			    }	    
			}

			#play.hidde-button {
				opacity: 0;
				background-color: transparent;
			}

			#fullscreen {
				top: 15px;
				right: 15px;
				z-index: 999;
				color: #fff;

				svg {
					max-width: 20px;
					height: auto;
				}
			}
		}
	}
}


.social-networks {
	li {
		a {
			color: #868686;
			font-size: 16px;
		}
	}
}

.sidebar {
	h4.title {
		font-family: 'Grand Hotel', cursive;	
		color: #FFC500;
		font-size: 25px;
		margin-top: 0;
	}
	.widget-category {
		ul {
			li {
				a {
					border-bottom: 1px solid #dad6d6;
					padding: 10px 0;
					display: block;
					color: #797979;					
				}

				&:last-child {
					a {
						border: 0;
					}
				}
			}
		}
	}

	.tag-item-related {
		padding: 0;
	}

	.about {
		margin-top: 20px;
		img {
			margin-bottom: 10px;
		}
		p {
			margin-top: 10px;
		}

		p {
			img {
				margin: 0 auto;
				display: block;
				max-width: 200px;
			}
		}
	}
}

.page-template-page-login {
	background-color: #fff;
	.bg-login {
		background-image: url('../img/image-login.jpg');
		background-position: left center;
		background-size: auto 100%;
		background-repeat: no-repeat;
	}

	.content-login {
		padding-bottom: 60px;
		background-color: #fff;		
	}

	#normalLogin {
		border: 1px solid #EEEEEE;
    	padding: 25px;
    	margin-bottom: 20px;

    	h2 {
    		margin-top: 0;
    		font-family: 'Grand Hotel', cursive;
    		font-size: 42px;	
    	}

    	.login-submit {
    		margin-bottom: 0;

    		#wp-submit {
				background-color: #FFCE3D;
				color: #fff;
				font-family: 'Grand Hotel', cursive;	
				border: 0;
				font-size: 20px;
    		}    		
    	}

    	input.input {
			border: 0;
			border-bottom: 1px solid #FFCE3D;
		}
	}

	.social-networks-section {
		margin-top: 20px;
	}

	.user-registration {
		display: flex;
    	align-items: center;
    	justify-content: center;

    	.btn-registration {
    		border-radius: 15px;
    		background-color: #fff;
    		color: #4f555e !important;
			font-family: 'droid_sansregular';
			text-transform: uppercase;
			font-weight: bold;
			border: 1px solid #ffce00;
			margin-left: 15px;
			padding: 10px 20px;	
    	}
	}
}

#subscribler {
	padding: 20px 0;
	padding-bottom: 40px;

	h1 {
		font-family: 'Grand Hotel', cursive;
		margin-bottom: 20px;		
	}


	button.btn-yellow {
		font-family: 'Grand Hotel', cursive;
		color: #fff;
		background-color: #FFCE3D;
		font-size: 20px;
		padding: 10px 50px;
	}

	#show-errors {
		p {
			color: red;
		}
	}
}

footer {
	background-color: #222222;
	color: #fff;
	border-bottom: 8px solid #FCEA12;
	padding-top: 20px;

	hr {
		border-top: 1px solid #444;
	}

	p {
		margin-bottom: 20px;
		color: #868686;
	}
}

.remove {
	display: none;
}