/*
Theme Name: Fitting Golf Málaga
Theme URI: http://theroom10.com
Author: TheRoom1.0
Author URI: http://theroom10.com/
Text Domain: fittingdegolfmalaga
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}

/* Document Colours:
	
	Light Blue:		457cb1
	Medium Blue:	546b82
	Strong Blue: 	354c64
	Corporate Blue:	1d4d73	rgba(29,77,115,1)
	Dark Blue:		141c1f
	Text Gray:		444242
	
*/

/* Webfonts */

@font-face {
    font-family: 'banda_regularregular';
    src: url('fonts/Banda_regular-webfont.eot');
    src: url('fonts/Banda_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Banda_regular-webfont.woff2') format('woff2'),
         url('fonts/Banda_regular-webfont.woff') format('woff'),
         url('fonts/Banda_regular-webfont.ttf') format('truetype'),
         url('fonts/Banda_regular-webfont.svg#banda_regularregular') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
	font-family: 'Rockwell';
	src: url('fonts/ROCK.eot');
	src: local('☺'), url('fonts/ROCK.woff') format('woff'), url('fonts/ROCK.ttf') format('truetype'), url('fonts/ROCK.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'RockwellBold';
	src: url('fonts/ROCKB.eot');
	src: local('☺'), url('fonts/ROCKB.woff') format('woff'), url('fonts/ROCKB.ttf') format('truetype'), url('fonts/ROCKB.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Site Styles */

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}
body {
	font-family: 'banda_regularregular', Arial, Helvetica, sans-serif;
	color: #444242
}
p {
	margin: .75em 0
}
a {
	color: inherit
}
#wrapper {
	min-width: 1200px
}
#header {
	position: relative;
	z-index: 99
}
#branding {
	height: 50px;
	width: 100%;
	overflow: visible;
	background: url(../img/bg-hexagons.jpg) repeat-y top center #141c1f;
	margin: 0;
	padding: 0;
	border-bottom: 2px solid #457cb1
}
#site-title {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	display: block;
	padding: 0 0 0 60px
}
#site-title a {
	display: inline-block;
	background: #fff;
	padding: 9px 33px 11px 31px;
	-webkit-transition: all .8s;
	transition: all .8s;
}
#site-title a:hover {
	padding-top: 14px;
	-webkit-transition: all .2s;
	transition: all .2s;
}
article .header {
	position: relative;
	z-index: 0
}
article .header .container {
	position: absolute;
	bottom: 30px;
	bottom: 2.5vw;
	left: 0;
	right: 0
}
.container {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	position: relative
}
.header img.attachment-post-thumbnail {
	width: 100%;
	height: auto
}
.header .entry-title {
	text-transform: uppercase;
	font-family: 'RockwellBold', Rockwell, "Arial Black", Gadget, sans-serif;
	font-weight: 700;
	color: rgba(29,77,115,.7);
	font-size: 4.5em;
	font-size: 6vw;
	padding-left: 30px
}

/* Contents */

.entry-content {
	font-size: 1.1em;
	line-height: 1.25em;
	padding: 30px 0
}
.inner {
	padding-left: 30px;
	padding-right: 30px
}
.right {
	text-align: right
}
strong {
	color: #354c64;
	font-family: 'Rockwell', Rockwell, Arial, Helvetica, sans-serif;
	font-weight: 700
}
.separador {
	background: #457cb1;
	height: 2px;
	width: 100%;
	margin: 30px 0;
	display: block
}
.brand-list-header {
	color: #354c64;
	font-size: 25px;
	margin: 30px 0 20px;
	display: block;
	font-family: 'Rockwell', Rockwell, Arial, Helvetica, sans-serif;
}
.brand-list {
	display: block;
	list-style-type: none
}
.brand-list li {
	border-top: 2px solid #d8d9dd;
	padding: 0;
	display: block;
	width: 100%
}
.closed {
	height: 120px;
	overflow: hidden
}
.open {
	height: auto
}
.brand-header {
	height: 110px;
	display: block;
	padding: 34px 0 20px;
	line-height: 32px
}
.brand-logo {
	display: inline-flex;
    width: 150px;
    height: 110px;
    margin: -34px 0 0;
    vertical-align: top
}
.brand-logo img {
	margin: auto 0;
	max-width: 90%;
	height: auto;
	width: 100%;
}
.brand-name, .brand-date, span.brand-time {
	color: #444242;
	font-size: 20px;
	font-weight: 400;
	display: inline-block;
	width: 125px
}
.brand-date {
	width: auto;
    padding-right: 15px;
}
.brand-name, .brand-date span {
	font-family: 'Rockwell', Rockwell, Arial, Helvetica, sans-serif;;
	color: #354c64
}
.brand-form {
	display: block;
	padding: 5px 0 46px
}
.brand-list label {
	display: inline-block;
	width: 390px;
	padding: 0 20px;
	text-align: right;
	font-size: 20px
}
.brand-list input {
	border: 1px solid #d8d9dd;
	font-size: 20px;
	color: #444242;
	font-family: 'banda_regularregular', Arial, Helvetica, sans-serif;
	display: inline-block;
	width: 600px;
	margin: 17px 0 0
}
.brand-list select {
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	border: 1px solid #d8d9dd;
	background: url(../img/select-arrow.jpg) no-repeat top right #fff;
	padding: 0 40px 0 10px;
	font-size: 20px;
	color: #444242;
	font-family: 'banda_regularregular', Arial, Helvetica, sans-serif;
	height: 32px;
	min-width: 155px;
	box-shadow: none
}
.brand-list select[name=brand-time] {
	max-width: 200px;
    margin-right: -1em;
    padding-left: 0;
    padding-right: 35px
}
.brand-list input, .brand-list select {
	-webkit-transition: all .5s;
	transition: all .5s
}
.brand-list select:focus, .brand-list *:focus {
	bax-shadow: none;
	outline: none
}
select option:disabled {
	color: #d8d9dd
}
.brand-list input:hover, .brand-list select:hover {
	border-color: #354c64
}
.brand-list input:focus, .brand-list select:focus {
	border-color: #457cb1
}
label.required {
	background: url(../img/asterisk.jpg) no-repeat 375px 5px;
}
.procedencia {
	margin: 17px 10px 0 0;
	width: 297px;
}
.brand-list input.short {
	width: 290px
}
.brand-list input[type=submit] {
	cursor: pointer
}
.brand-list input[type=submit]:hover, .brand-list input[type=submit]:focus {
	background: #354c64;
	color: #fff
}
.brand-list input[type=submit]:active {
	background: #457cb1
}
.brand-date select {
	
}
.brand-footer {
	display: block;
	margin: 0;
	padding: 0;
	position: relative
}
.close, .legal {
	color: #d8d9dd;
	text-decoration: none;
	font-size: 15px;
	font-family: 'banda_regularregular', Arial, Helvetica, sans-serif;
	display: inline-block;
	-webkit-transition: all .5s;
	transition: all .5s
}
.close {
	background: url(../img/close.png) no-repeat top right;
	height: 34px;
	padding-right: 47px;
	margin-right: 7px;
	text-align: right;
	line-height: 34px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.legal {
	text-transform: uppercase;
	padding-left: 30px;
}
.close:hover, .legal:hover {
	color: #354c64
}
.close:hover {
	background-image: url(../img/close-hover.png)
}
.visible, #lista_reservas .mostrado {
	display: inline-block
}
.invisible, #lista_reservas .oculto {
	display: none
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill, input:autofill, textarea:autofill, select:autofill, #content input:-webkit-autofill, #content input:autofill {
	background-color: rgba(69,124,177,.25) !important
}
.small {
	font-size: .75em
}

/* Footer */

#footer {
	background: url(../img/bg-hexagons.jpg) repeat-y top center #141c1f;
	border-top: 2px solid #457cb1;
	padding: 30px 0;
	color: #546b82;
	line-height: 1.25em
}
#footer:after {
	content: "";
	display: table;
	clear: both
}
#copyright {
	float: left;
	text-align: center;
	width: 45%
}
#copyright img {
	display: block;
	margin: 1em auto 0
}
#footer-contact {
	float: right;
	text-align: right;
	width: 45%;
	padding: 0 80px 0 0
}
#footer a {
	text-decoration: none;
	color: inherit;
	-webkit-transition: color .5s;
	transition: color .5s
}
#footer a:hover {
	color: #fff
}
#footer i {
	display: inline-block;
	width: 1.25em;
	height: 1.25em;
	line-height: 1em;
	vertical-align: bottom;
	margin: 0 .5em 0 0;
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat
}
i.twitter { background-image: url(../img/icon-twitter.png) }
i.facebook { background-image: url(../img/icon-facebook.png) }
#social {
	padding: 15px 0;
    color: #fff;
	background: #354c64;
	text-align: center
}
#social .container > * {
	line-height: 0;
    display: inline-block;
    vertical-align: top
}
.social-sharing {
	display: inline-block;
	vertical-align: bottom;
	margin: 0 0 0 15px
}

/* Imágenes */
.brand-header {
	margin-right: 108px;
	cursor: pointer
}
.thumbnail {
	float: right;
	width: 108px;
	height: 92px;
	position: relative;
	display: block;
	margin: 15px 0
}
.thumbnail a {
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	height: 0;
	width: 0;
	font-size: 0;
	-webkit-transition: all .5s;
	transition: all .5s
}
.thumbnail a img {
	display: none
}
.thumbnail a:first-child {
	position: static;
	display: block;
	width: 108px;
	height: 92px;
	background: #d8d9dd;
	border: 1px solid #d8d9dd;
	color: #354c64;
	text-align: center;
	font-size: .75em;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase
}
.thumbnail a:first-child img {
	display: block
}
.thumbnail a:hover {
	background: #354c64;
	border-color: #354c64;
	color: #fff
}

/* ADMIN */

#panel #wrapper, #panel .container {
	min-width: 0;
	max-width: 100%
}
.admin {
	font-size: .85em
}
.admin h2 {
	display: inline-block;
	margin: 0 20px 20px
}
.admin h2 img {
	vertical-align: middle
}
.admin .brand-list-header {
	display: block;
	margin-top: 0;
	font-size: 1.25em
}
.admin .brand-list > li {
	padding-top: 20px;
	padding-bottom: 30px
}
.admin .brand-list a, #panel .navegacion a {
	display: inline-block;
	padding: 5px 10px;
	background: #354c64;
	color: #fff;
	text-decoration: none;
	-webkit-transition: all .5s;
	transition: all .5s
}
.admin .brand-list a:hover, #panel .navegacion a:hover {
	background: #457cb1
}
.admin .brand-list input {
	font-size: 1.25em
}
.admin .brand-list label {
	text-align: left;
	width: auto;
	font-size: 1.25em
}
.admin .brand-date, .admin span.brand-time {
	font-size: 1.25em
}
.admin-list > li {
	border-top: none;
}
.admin-list .brand-date {
	width: 340px
}
.admin-list input[type=checkbox] {
	width: auto;
	margin-right: 30px
}
.admin-list .brand-time {
	width: 150px
}
.admin .gallery-list {
	margin: 0 -2% -2% 0
}
.admin .gallery-list li {
	width: 108px;
	padding: 0;
	background: #d8d9dd;
	border: 1px solid #354c64;
	text-align: center;
	float: left;
	margin: 0 2% 2% 0
}
.admin .gallery-list li img {
	display: block
}
.admin .gallery-list li a {
	display: block;
	width: 100%
}
.admin .gallery-list:after {
	content: "";
	display: table;
	clear: both
}
#panel .navegacion {
	padding: 30px 30px 0
}
#panel .navegacion a {
	margin: 0 10px 0 0
}
.detalle_reserva {
	display: block;
	width: 100%
}
.detalle_reserva li {
	margin: 0;
	padding: .5em .5em .5em 20%;
	border: 2px solid #d8d9dd;
	position: relative
}
.detalle_reserva span {
	display: inline-block;
	width: 20%;
	padding: .5em;
    position: absolute;
    top: 0;
    left: 0
}
#panel .past :not(a) {
	color: #999
}
#panel .past span {
	text-decoration: line-through
}
#lista_reservas {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 2px solid #d8d9dd;
}
#lista_reservas li {
	padding: 0;
	margin: 0 0 1em;
	border: none
}
#lista_reservas li:after, #lista_reservas:after {
	content: "";
	display: table;
	clear: both
}
#lista_reservas li span {
	display: inline-block;
	border: 2px solid #d8d9dd;
	margin: 0 -2px 0 0;
	float: left;
	padding: .5em
}
#lista_reservas li a {
	float: left;
	margin: 0 0 0 1em;
	line-height: 1.85em
}
#lista_reservas .nombre_re {
	text-transform: capitalize;
	font-size: 1.25em;
	line-height: .866666em;
	font-family: 'Rockwell', Rockwell, Arial, Helvetica, sans-serif;;
	color: #354c64
}
#lista_reservas .nombre_ma, #filtro {
	text-transform: uppercase
}
#panel .admin > .brand-list {
	padding-bottom: 60px
}

/* Media Queries */

@media all and (min-width: 1200px) {
	article .header .container {
		bottom: 30px
	}
	.header .entry-title {
		font-size: 4.5em;
	}
}
@media all and (max-width: 767px) {
	input:not([type=submit]), select {
		-webkit-appearance: none;
		border-radius: 0;
		padding-left: 2px
	}
	#wrapper {
		min-width: 0
	}
	#branding {
		height: 70px
	}
	#site-title {
		padding: 0;
		text-align: center;
	}
	.header .entry-title {
		padding-left: 3vw
	}
	.entry-content {
		padding: 3vw 0;
		font-size: 3.5vw
	}
	.inner {
		padding-left: 3vw;
		padding-right: 3vw
	}
	.inner.right {
		text-align: center
	}
	.inner.right strong {
		display: inline-block
	}
	p > strong {
		font-size: 1.1em;
		letter-spacing: -0.05em;
	}
	.brand-list-header {
		font-size: 1.7em;
		line-height: 1em;
		text-align: center;
		display: block;
		padding: 0 1em .5em
	}
	.brand-header {
		height: auto;
		background-position: 0px 42px;
		padding: 15px 10px 0 35px
	}
	.brand-logo {
		display: inline-block;
		margin: 0;
		float: left;
		width: 50%;
		height: 40px;
		text-align: center;
	}
	.brand-logo img {
		margin: auto;
		max-width: 100%;
		height: auto;
		width: auto;
		max-height: 40px
	}
	.brand-name {
		float: left;
		width: 50%;
		text-align: right;
		line-height: 1em
	}
	.brand-date {
		clear: left;
		float: left;
		display: block;
		width: 100%;
		margin: 0;
		line-height: 1.75em;
		padding-right: 0;
		margin-bottom: 10px;
	}
	.brand-date span {
		margin: 0 1em 0 0;
		width: 9vw;
		line-height: 1.75em;
		float: left
	}
	.brand-list .brand-date select {
		margin-top: 0;
		width: 100%;
	}
	.brand-name, .brand-date, span.brand-time, .brand-list select {
		font-size: 14px
	}
	.brand-list select[name=brand-time] {
		max-width: 100%;
		min-width: 0;
		float: left;
		width: 100%;
		margin: 0 0 .5em
	}
	.brand-header:after {
		content: "";
		display: table;
		clear: both
	}
	.brand-form {
		padding: 3vw 0
	}
	.brand-list label {
		font-size: 14px;
		width: 50%;
		float: left;
		clear: left;
		margin-top: .7em
	}
	.brand-list label.required {
		background-position: 97% 0;
	}
	.brand-list input, .brand-list select {
		font-size: 14px;
		margin: .5em 0 0;
		width: 50%;
		float: left;
		min-width: 0;
		max-width: 100%
	}
	.brand-list select {
		background-position: center right;
		height: auto;
		padding-left: 2px;
		padding-right: 35px
	}
	.brand-list input.short {
		width: 50%;
    	margin: .5em 0 0 50%
	}
	.brand-list input[type=submit] {
		margin-bottom: .7em;
    	margin-left: -25%
	}
	.brand-list p {
		clear: both
	}
	.legal {
		margin-bottom: 35px
	}
	#social {
		padding-left: 1em;
		padding-right: 1em
	}
	#social .container > * {
		line-height: 1em
	}
	#copyright, #footer-contact {
		float: none;
		width: 100%;
		text-align: center;
		padding: 0;
	}
	#footer-contact {
		margin-top: 2em
	}
}

/*------------------------------*/
.TituloFooter{
	display: inline-block;
	background-color: black;
	color: white;
	z-index: 999;
	position: absolute;
	padding: 0 5px;
}
.lineaFooter{
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #afca04;
	position: absolute;
	height: 0.75em;
	left: 0;
	z-index: 0
}
.footerNuevoContainer{
	position: relative;
	width: 100%;
	height: auto;
	padding-top: 30px;
	height:70px;
	margin-top: 30px;
	clear: both;
}
.derecha{
	display: inline-block;
	width: 47%;
	clear: both;
	vertical-align: middle;
}
.izquierda{
	display: inline-block;
	width: 47%;
	clear: both;
	margin-right: 5%;
	vertical-align: middle;
}
footer p{
	line-height: 1.25em
}
.textoVerde{
	color: #b6c930;
}

@media all and (max-width: 767px) {
	.container {
		width: 90%;
	}
	.one_half {
		width: 100%;
		margin: 0;
	}
	.titular {
		font-size: 7vw;
		text-align: center;
	}
	.izquierda, .derecha {
		width: 100% !important;
	}
	footer {
		text-align: center;
	}
	footer img {
		width: auto;
		max-width: 50%;
	}
	.TituloFooter {
		position: relative;
	}
	#branding {
		text-align: center;
	}
	#logo {
		float: none;
		margin: 0 auto;
	}
	.selector{
		display: block
	}
	.selector .left, .selector .right{
		width: 100%;
		display: block;
		padding: 32px 0px 0px
	}
	.results li span {
		width: auto;
		max-width: 100%;
		margin-right: 5px;
	}
}