/*
Theme Name: amazenfun
Theme URI: https://wordpress.org/themes/twentyfifteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentyfifteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents
 *
 * 1.0 - Reset
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigations
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Header
 * 11.0 - Widgets
 * 12.0 - Content
 *    12.1 - Posts and pages
 *    12.2 - Post Formats
 *    12.3 - Comments
 * 13.0 - Footer
 * 14.0 - Media
 *    14.1 - Captions
 *    14.2 - Galleries
 * 15.0 - Multisite
 * 16.0 - Media Queries
 *    16.1 - Mobile Large
 *    16.2 - Tablet Small
 *    16.3 - Tablet Large
 *    16.4 - Desktop Small
 *    16.5 - Desktop Medium
 *    16.6 - Desktop Large
 *    16.7 - Desktop X-Large
 * 17.0 - Print
 */


/**
 * 1.0 - Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 */

#productModal .modal-dialog{padding:0;}
#productModal .modal-header{background-color:transparent;border:0px;padding:30px 20px;}
#productModal .modal-title{width:auto;color:#9C278F;padding: 5px 0;}
#productModal .modal-body{padding: 0 20px 20px;}

#productModal .modal-header .close{
    position: absolute;
    top: -20px;
    background: #1AA19C;
    color: #fff;
    opacity: 1;
    right: -20px;
    line-height: 16px;
    padding: 5px 8px 10px 8px;
    display: inherit;
    border-radius: 18px;
    border: 3px solid #fff;
    font-size: 27px;
}
#productModal .modal-header .btn_get_free_quote{
	float: right;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 14px;
    padding: 5px 22px;
    background: #9C278F;
    border: 0;
}

#productModal .price-line1-wrap{
	padding-right:0;
}
#productModal .price-line2-wrap{
	padding-left:0;
}
#productModal .price-line1-wrap p{
	background: #1AA39C;
    margin: 0;
    padding: 10px;
	color: #fff;	
    text-transform: uppercase;
	font-size:14px !important;
	min-height:38px;
}
#productModal .price-line2-wrap p{
	background: #017069;
    margin: 0;
    padding: 10px 0;
    color: #fff;	
    text-transform: uppercase;
	font-size:14px !important;
	min-height:38px;
}

#productModal .description_row{margin:40px 0;}
#productModal .content_wrap{padding-left: 0;}
#productModal .content_wrap p{
	text-align: left;
    color: #525252;
    font-family: universLTStd;
	margin:0;
	font-size:14px !important;
}
#productModal .content_sizing{padding:0;}
#productModal .content_sizing li{    list-style: none;
    font-size: 14px;}
#productModal .image {
    height: 36px;
    width: 22%;
    float: left;
	margin:2px;
}	
#productModal .image_gallery{padding:0;}
#productModal .image img {
    width: 100%;
    height: 100%;
}
#productModal .image.active{border:2px solid #A13295;}
#productModal .left.carousel-control{left: -35px; opacity: 1;}
#productModal .modal-body .fa{
	color: #fff;
    display: table;
    font-size: 44px;
    margin: 0px auto;
    background-color: #1AA29B;
    padding: 0px 5px;
    border: 2px solid #fff;
    line-height: 32px;
}
#productModal .carousel-control.right {
    right: -35px;
    opacity: 1;
}


 @media (max-width: 767px) {
    #productModal .modal-header .row  {
        display:flex;
        flex-direction: column;
    }
    #productModal .modal-header .row .col-md-4 {
        width: 100%;
    }
    #productModal .modal-header .row .col-md-4>div{
        justify-content:start !important;
    }
    #productModal .modal-header .row .col-md-4>div button{
        margin:unset;
    }
}