/*
Theme Name: Railen
Theme URI: https://www.railen.cl
Version: 2021.0
*/

	body {
		background:url('images/background.jpg') #eef8fe repeat-x center top;
		font-family: 'PT Sans', sans-serif;		
		font-size: 16px;
		color: #333333;
	}
	
	p{
		font-size: 15px;
	}
	
	h3 {
		font-size: 18px !important;
	}
	
	strong {
		font-weight: bold !important;
	}

	a, a:hover {
		transition: 0.5s all;
	}

	#header-top {
		z-index: 999;
		position: relative;
	}

	#topmenu {
		background-image: url('images/menutopbg.png');
		background-repeat: no-repeat;
		background-position: center top;
		margin-top: 0;
		height: 54px;
		padding: 10px 30px;
		float: left !important;
		text-align: center;
	}

	.menu-menu-principal-container {
		background-image: url('images/headerbg.png');
		background-position: top right;
		background-repeat: no-repeat;
		padding-top: 110px;
		float: left;
		width: 100%;
		display: block;
		margin-top: -90px;
	}

		ul.menu#menu-menu-principal {
			float: left;
			width: 100%;
			background: #ffffff;
			border-radius: 30px 0 30px 30px;
			box-shadow: -5px 5px 3px rgba(100,100,100,.3);
		}

		ul.menu#menu-menu-principal {
			padding: 0 30px;
		}

		ul.menu#menu-menu-principal li {
			list-style: none;
		}

		ul.menu#menu-menu-principal li a {
			background: none !important;
			color: #EF3F2A;
			font-weight: bold;
			/* font-family: 'Lobster', cursive; */
			font-family: 'Architects Daughter', cursive;								
			font-size: 18px;
    		padding: 10px 10px;
		}

			ul.menu#menu-menu-principal li a:hover, ul.menu#menu-menu-principal li.current-menu-item a {
				color: rgb(192, 226, 34);
				transform: rotate(-2deg);
			}

		.container {
			background: rgba(255,255,255,.9);
			border-radius: 30px;
			box-shadow: -5px 5px 3px rgba(100,100,100,.3), 3px 0 5px rgba(100,100,100,.3);
			padding: 30px 30px;
			margin-top: 30px;
			min-height: 400px;
		}

		h2.page-title {
			font-family: 'Architects Daughter', sans-serif;
			color: #EF3F2A;
			font-weight: bold;				
			font-size: 28px;
		}

		.breadcrumb {
			padding: 10px 0;
			font-size: 13px;
		}

		.breadcrumb a {
			color: rgb(80, 60, 226);
		}

		footer {
			height: 320px;
			background-image: url('images/footerbg.png');
			background-repeat: repeat-x;
			background-position: bottom center;
			position: relative;
			margin-top: -150px;
			z-index: -1;
		}

		.img-principal {
			margin-bottom: 20px;
		}

		.clearing-blackout {
			z-index: 9999;
		}

		.clearing-thumbs img {
			max-width: 217px;
		}

		#footer-container {
			padding-top: 90px;
			color: #ffffff;
			float: left;
			width: 100%;
		}

		#footer-container p {
			font-size: 13px;
		}

		#footer-container img {
			border-radius: 10px;
		}

		.wpcf7-response-output {
			float: left;
			margin-top: 10px !important;
			font-size: 13px;
			padding: 10px 15px !important;
			width: 100%;
		}

		input.wpcf7-form-control.wpcf7-submit.has-spinner {
			background-color: #bfdf24;
			border: 0;
			padding: 10px 20px;
			float: right;
			color: #ffffff;
			font-weight: bold;
			text-shadow: 1px 1px 3px #000000e0;
			transition: 0.5s all;
		}

		input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
			background-color: #ef3f2a;
			transition: 0.5s all;
		}

		.wpcf7-not-valid-tip {
			margin-top: -10px;
		}

		.the-phone {
			color: #ef3f2a;
			font-weight: bold;
			font-size: 14px;
		}

		#telefono {
			display: inline-block;
		}

		#contacto {
			margin: 0;
			padding: 0;
			display: inline-block;
		}

		#contacto a {
			color: #bede1d;
			font-weight: bold;
			font-size: 14px;
		}

		#contacto a:hover {
			color: #ef3f2a;
		}

		#insta {
			margin: 0;
			padding: 0;
			display: inline-block;
		}

		#insta img {
			width: 25px;
			height: 25px;
			margin-top: -2px;
			margin-left: 8px;
		}

	@media only screen and (min-width: 64.063em){
		#header-menu.top-bar {
			display: none;
		}
	}

	@media only screen and (max-width: 64.062em){		
		#footer-container .medium-3.small-12.columns.right {
			background: #8be100;
			padding: 10px;
			text-align: center;
			margin-top: -10px;
		}
		.menu-menu-principal-container {
			margin-top: unset !important;
		}
		.logo-mobile.logotipo a {
			font-size: 11px;
		}
		ul.title-area {
			background: #2ac9ff !important;
		}		
		.top-bar .toggle-topbar.menu-icon a {
			color: #ffffff;
		}

		.top-bar-section ul li > a {
			background: #5fd300;
			color: white;
			border-bottom: 3px solid #8be100;
			border-top: 0;
		}
		.top-bar-section ul li:hover:not(.has-form) > a {
			background: #ff7b00;
			color: white;
		}
		.clearing-thumbs li {
			margin: 0 !important;
			width: 100%;
		}				
		.clearing-thumbs img {
			max-width: 100% !important;
		}

		.container {
			max-width: 94%;
			margin-left: 3%;
			margin-right: 3%;			
		}		

		div#topmenu.top-mobile * {
			font-size: 12px !important;
		}

		div#topmenu.top-mobile {
			width: 100% !important;
		}
	}