/*
Theme Name: SimpleMag Child Theme
Theme URI: http://themesindep.com/
Author: ThemesIndep
Author URI: http://themesindep.com/
Description: Magazine theme for creative things
Template: simplemag
*/


/* Your CSS code goes here
-------------------------------------- */

/* changes to the buttons in the cart page, checkout pageetc. Buttons have now a yellow background and no borders */


html #submit,
html .read-more,
html .added_to_cart,
.woocommerce .button,
.single_variation .stock,
html input[type="submit"] {
    font-size:14px;
    padding:16px 20px;
    text-align:center;
    border:hidden; /* this was hidden - jorge */
    border-radius:2px;
    background-color: #ffed00; /* this was changed from transparent -jorge */
    position:relative;
    -webkit-transition:all 0.1s linear;
    transition:all 0.1s linear;
    -webkit-backface-visibility:hidden;
}

.content-over-image .read-more {
	background-color:transparent; /* the whole bracket was added - jorge */
	border:2px solid #fff; /* this was added - jorge */
}

.button, .added_to_cart, .single_variation .stock {
    display: inline-block;
    text-decoration: none;
    -webkit-appearance: none; /* this was added for the add to cart button on the product page - jorge */
}

/* changes in the checkout page */

.woocommerce-checkout-payment label {
    margin-left: 0px;
    font-weight: bold;
    float: left;
}

#add_payment_method #payment .payment_method_paypal_express img, .woocommerce-checkout #payment .payment_method_paypal_express img {
    max-height: 52px;
    vertical-align: middle;
    max-width: 330px;
    float: left;
    margin-right: 10px;
   pointer-events: none;
   cursor: default;
}


.payment_methods li {
    padding: 15px;
    background-color: #f6f6f6;
    height: 55px;
}

.google-maps { /* jorge - this is to embed google maps responsively */
    position: relative;
    padding-bottom: 25%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.cta_button a.read-more { /* jorge */  
    font-size: 120%;
}

/* changes for CTA button for mobile */
@media screen and (min-width : 0px) and (max-width : 767px) { 
    .cta_button a.read-more { 
	position: absolute; 
	top: 45.5%; 
	left: 18.5%;  
	font-size: 60%;
    }
}