/*
Theme Name: RiskoGuides
Text Domain: riskoguides
Version: 0.1
Requires at least: 4.7
Requires PHP: 5.2.4
*/

a, a:hover, a:visited {
	color: white;
}

body {
	background-color: black;
	color: white;
	font-family: Helvetica, 'Helvetica Neue';
}

main {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

section {
	flex: 1 0 auto;
}

section.row {
	/* margin-top: 4em; BORRADA PARA RISKO*/
	z-index: 0;
}

.product-template-default .container-fluid section.row {
	margin-top: 4em;
}

.post-template-default .container-fluid section.row, .page-template-page-blog section.row, .woocommerce-page .container-fluid section.row  {
	margin-top: 8em;
}

@media (max-width: 767px) {
    section.row {
		/* margin-top: 8em; BORRADA PARA RISKO*/
		z-index: 0;
	}

	.product-template-default .container-fluid section.row {
		margin-top: 8em;
	}

	.post-template-default .container-fluid section.row {
		margin-top: 8em;
	}

	.page-template-page-blog section.row {
		margin-top: 8em;
	}
}

section div.bg {
	height: 100%;
	min-height: 55vh;

	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

	display: flex;
}

.home-package-types a {
	text-align: left;
	align-self: flex-end;
	padding-left: 2em;
	padding-bottom: 1em;
}

.home-package-types h2{
	font-size: 1.5em;
}

.home-intro-text {
	max-width: 950px;
	text-align: center;
	margin: 7em auto;
}

#site-header {
	position: fixed;
	width: 100%;
	background-color: transparent;
	z-index: 1;
	padding-top: 2em;
}

.logo img, #logo_header img {
	max-width: 100%;
}

@media (max-width: 767px) {
	#logo_header a {
		display: inline-block;
		width: 100%;
		text-align: center;
	}

    #logo_header img {
		max-width: 150px;
		width: 100%;
	}

	.home-intro-text {
	  max-width: 250px;
	  text-align: center;
	  margin: 3em auto;
	  padding: 0 1em;
	}
}

footer div div .logo img {
	max-width: 140px;
	margin-top: -12px;
}

#logo_header {
	margin-top: 2px;
	padding-left: 2em;
}

#links-header {
	margin-top: 2em;
}

#links-header a, footer a {
	margin: 0 2em;
}

footer {
	padding: 1em 0;
}

h2.page-title {
	font-size: 2em;
}

h2.blog-title {
	font-size: 14px;
}

img.blog-image {
	width: 100%;
	object-fit: cover;
	height: 400px;
}

.blog-post {
	margin-bottom: 2em;
}

.post-data {
	font-size: 1em;
	text-transform: uppercase;
	padding-bottom: 3em;
}

.text-title-post {
	margin-left: -3px;
}

.main-text {
	margin-top: 2em;
}

@media (max-width: 767px) {
    .text-right {
    	text-align: center; 
    }

    #links-header a, footer a {
    	margin: 0 0.5em;
    }
}

@media (max-width: 1024px) {
    section div.bg a {
	    padding-left: 0.5em;
	    padding-bottom: 0;
	}

	#links-footer {
    	margin-top: 2em;
    }
}

.container-fluid {
	padding-right: 0;
	padding-left: 0;
}

.row {
	margin-right: unset;
	margin-left: unset;
}

.flex-wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 0 1em;
}

.flex-column {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	padding: 0 1em;
}

.contact-text {
	width: 33%;
	margin-right: 5em;
}

.page-template-template-contact main section.row{
	margin-top: 7em;
}

@media (max-width: 767px) {
    .contact-text {
		width: 100%;
		margin: 0 auto;
	}

	.page-template-template-contact main section.row{
		margin-top: 10em;
	}
}

.wpcf7-form input, .wpcf7-form textarea {
	color: black;
}

input.wpcf7-form-control {
	background-color: white !important;
	color:  black !important;
	border-radius: 0px !important;
	text-transform: uppercase;
	border: 0;
	display: inline-block;
	background-image: none;
	box-shadow: none;
	text-shadow: none;
	font-size: 100%;
	left: auto;
	margin: 0;
	line-height: 1;
	cursor: pointer;
	position: relative;
	text-decoration: none;
	overflow: visible;
	padding: .618em 1em;
	font-weight: 700;
}

/* WOOCOMMERCE */
li.product {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 2em;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	max-height: 100% !important;
	min-height: 678px !important;
}

.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-self: center;
}

.button.add_to_cart_button {
	padding: 1rem;
	text-underline-offset: 3px;
	color: black !important;
	text-align: center;
	align-self: auto;
}

.attachment-woocommerce_thumbnail {
	height: auto;
	max-width: 100%;
	padding: 3em;
	background-color: #0d0d0d;
}
.cart_item .attachment-woocommerce_thumbnail {
	padding: 0em;
	background-color: transparent;
}

.woocommerce-loop-product__title {
	font-size: 1.5em;
}

.price, .amount, .stock {
	display: block;
	margin-bottom: 1em;
	color: white !important;
}

div.woocommerce{
	margin-top: 4em;
	min-height: 75vh;
	width: 100%;
}

.woocommerce-checkout .woocommerce{
	margin-top: 0;
}

@media (max-width: 767px) {
	div.woocommerce{
		margin-top: 8em;
	}
}

.woocommerce-notices-wrapper {
	margin-top: 2em;
	width: 100%;
}

.showcoupon {
	color: black;
}

.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
  border-top: 1px solid white !important;
}

.woocommerce div.product {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}

@media (max-width: 767px) {
	.woocommerce div.product{
		display: block;
		flex-flow: column;
	}
}

.woocommerce .quantity .qty {
	color: black;
}

.woocommerce form .form-row input {
	background-color: black;
	outline: 1px solid white !important;
	border: none;
	padding: 0.5em;
	color: white;
}

.select2-results {
	color:black;
}

.woocommerce-input-wrapper textarea {
	color: black;
}

.woocommerce-checkout-payment {
	background-color: transparent !important;
}

.summary h1 {
	font-size: 2em;
}

.place-order .button, .cart .button, .button.add_to_cart_button{
	background-color: white !important;
	color:  black !important;
	border-radius: 0px !important;
	text-transform: uppercase;
	border: 0;
}

.input-text {
	color: black;
}

.woocommerce div.product div.entry-summary {
	width: 33% !important;
	position: relative;
	margin-left: 1em;
	padding-right: 5em;
}

@media (max-width: 767px) {
    .woocommerce div.product div.entry-summary {
		width: auto !important;
		position: relative;
		margin-left: 1em;
		padding-right: 0;
	}
}

.woocommerce div.product {
  position: relative;
}

.woocommerce-product-gallery {
	align-self: flex-end;
	width: 100% !important;
	flex-shrink: 2;
}

.product-outofstock li a div img {
	opacity: 0.5;
}

.product-outofstock li .button {
	display: none !important;
}


/* **************
* RISKO GUIDES **
* **************/

/* UTILS */

.button-learn-more {
	margin-top: 3em;
	margin-bottom: 3em;
}

.button {
	padding: 1em;
	color: white;
	border: 1px solid white;
	border-radius: 0;
}

section.row div.bg {
	width: 100%;
	height: 100%;
	min-height: 60vh;

	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

	display: flex;
}

@media (max-width: 767px) { 

	section.row div.bg {
		min-height: 80vh;
	}

}

/* HOME */

div.home-package-types {
	width: 100%;
	position: relative;
	display: block;
}

div.home-package-types ul {
	display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-top: 1em;
  list-style: none;
  justify-content: center;
}

div.home-package-types ul li a {
	font-size: 1.8em;
}

@media (max-width: 767px) {

    div.home-package-types ul {
		  display: block;
		  padding-top: 0;
		  list-style: none;
		  text-align: center;
		  margin: 0 auto;
	  	position: relative;
		}

		.home-package-types a {
		  text-align: left;
		  padding-bottom: 1em;
		  padding-left: 0;
		}
}

/* SINGLE ADVENTURES */

.adventure .row .adventure-text {
	display: flex;
	flex-direction: column;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.adventure .row .adventure-text .row.adventure-title {
	width: 100%;
	text-align: center;
}

.adventure .row .adventure-text .row.adventure-content {
	width: 100%;
  	text-align: center;
}

.adventure .packages-list {
	max-width: 900px;
  	margin: 0 auto;
}

.package-box .package-content {
  padding: 2em;
}

.package-container .package-text {
  padding-right: 2em;
}

.package-container .package-image {
  position: relative;
}

.package-container .package-image .img-package {
  max-width: 250px;
}

@media (max-width: 767px) { 

	.package-container .package-image {
	  position: relative;
	  display: block;
	  width: 100%;
	}

	.package-container .package-image .img-package {
	  max-width: 100%;
	  width: 100%;
	  display: block;
	  position: relative;
	}

}

/* SINGLE PACKAGES */

.package .row .package-text {
	display: flex;
	flex-direction: column;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.package .row .package-text .row.package-title {
	width: 100%;
	text-align: center;
}

.package .row .package-text .row.package-content {
	width: 100%;
  	text-align: center;
}

.package .routes-list {
	max-width: 900px;
  	margin: 0 auto;
}

.route-box .route-content {
  padding: 2em;
}

.route-container .route-text {
  padding-right: 2em;
}

.route-container .route-image {
  position: relative;
}

.route-container .route-image .img-route {
  max-width: 250px;
}

@media (max-width: 767px) { 

	.route-container .route-image {
	  position: relative;
	  display: block;
	  width: 100%;
	}

	.route-container .route-image .img-route {
	  max-width: 100%;
	  width: 100%;
	  display: block;
	  position: relative;
	}

}

/* SINGLE ROUTES */

.route .row .route-text {
	display: flex;
	flex-direction: column;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.route .row .route-text .row.route-title {
	width: 100%;
	text-align: center;
}

.route .row .route-text .row.route-content {
	width: 100%;
  	text-align: center;
}

/* CONTACT FORM configuration */
.wpcf7 form {
	margin-top: 5em;
	display: flex;
	justify-content: center;
}

.wpcf7 form .multiline, .wpcf7 form .text {
	width: 33%;
}

.wpcf7 form .text {
	display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: center;
  align-content: center;
}

.wpcf7 form .text .wpcf7-form-control-wrap {
	display: block;
}

.wpcf7 form .text p, .wpcf7 form .text .submit-btn {
	align-self: end;
}

.wpcf7-spinner {
	display: none;
}

@media (max-width: 767px) { 
	.wpcf7 form {
		flex-direction: column;
		padding: 0 2em;
	}

	.wpcf7 form .multiline, .wpcf7 form .text {
		  width: 100%;
		  display: block;
		}

	.wpcf7-form-control-wrap input {
			max-width: 100%;
	}


}