/**
*
* CONFIGURATOR-RESPONSIVE.CSS
*
*
*
*/

/**
*
* MEDIA QUERIES
*
* Insert your CSS styles in the appropriate section here
*
*/

/* LARGE DESKTOP AND UP */
@media (min-width: 992px) and (max-width: 1440px) {
	#price-table .price-table-values .price-tiered-value{
	    flex: 1 0 50%;
	}
    
}

/* LARGE DESKTOP AND UP */
@media (min-width: 992px) {
	
	.product-configurator-container .product-images-container .image-container {
		/* padding-left: 2rem;  */
		width: 95%;
		height: 100%;
	} 
	.product-configurator-container .product-images-container .svg-include .image-container{ padding-left: 0; }
	
	.product-configurator-container .product-images-gallery{
		height: 570px;
	}
	
}

@media (min-width: 769px) and (max-width: 1366px) {
	.product-configurator-container > .slide-panel-content.slide-left,
	.product-configurator-header {
		width: calc(100% - 150px);
	}
	
	.product-configurator-container > .slide-panel-content.slide-left {
		right: calc(-1 * (100% - 150px));
	}
}
@media (min-width: 992px) {
	.product-configurator-container .product-options-container.sticky-product {
		position: -webkit-sticky;
		position: sticky;
	    top: 6em;
	}
	
	.product-options-container {
		padding: 0 50px;
	}
	
	.product-configurator-container #preview-product {
		min-height: 90px;
	}
	
	
	.product-configurator-container #preview-product .svg-grid .preview-set:first-child {
		width: 100%;
	    grid-column-start: 2;
	    grid-column-end: 4;
	    grid-row-start: 1;
	    grid-row-end: 4;
	    padding: 0;
	}
	.product-configurator-container #preview-product .svg-grid .preview-set-layer {
		width: 100%;
		height: auto;
	}
	
	#product-images .product-image.full-width, 
	#product-images .product-image.full-width img { width: 100% }
	
	#preview-product .svg-grid .svg svg { width: 100%; height: auto; }
	#preview-product .svg-grid .preview-set:nth-child(n+3) svg{
		height: auto;
	}
	
	#preview-product .svg-single .svg svg {
    	width: 100%;
    	min-height: 0;
	    height: auto;
	    padding: 0;
	}

	
}

@media (min-width: 1440px) {
	.product-configurator-container #preview-product .svg-grid .preview-set-layer { height: 100%; }
	.product-configurator-container .product-images-gallery{
		height: 720px;
	}
}

/* Nav Menu Large Cut off = 1200px */

@media (max-width: 1200px) {
	
	.product-configurator-container #preview-product .svg-grid .preview-set:first-child{ grid-column-start: 1; margin-bottom: 1rem; }
	
	.product-configurator-container.personalize-open #product-configurator-ajax-container .option-group[data-input-type='radio'] {
	    justify-content: unset;
	}
	
	.product-configurator-container.personalize-open #product-configurator-ajax #soft-good-personalization-container .radio-custom{ margin: 0 1rem 1rem 0; }
	.product-configurator-container.personalize-open #product-configurator-ajax-container #soft-good-personalization-container .configurator-container.personalization-style{ padding: 3rem 0 2rem 0; }
	
	.product-configurator-container .product-images-container .config-thumb-contain{width: 100%; height: auto; min-height: auto; margin: 2rem 0 0 0; display: none; }
	.product-configurator-container .product-images-container .config-thumb-contain.show-on-mobile{display: block; }
	.product-configurator-container .product-images-container .config-thumb-contain.show-on-mobile, .product-configurator-container .product-images-container .svg-thumb-contain.show-on-mobile{ padding-right: 0; }
	
	.pt_product .product-swiper-btn-prev, .pt_product .product-swiper-btn-next{ display: none; }
	
	.product-configurator-container .product-images-gallery{ flex-direction: column-reverse; height: auto; padding: 0 0; }
	.product-configurator-container .product-images-container, .product-configurator-container .product-personalize-container{ padding: 0; }
	.product-configurator-container .product-images-container .product-logo{ right: 2rem; }
	.product-configurator-container .product-images-container .image-container{padding-left: 0; }
	.product-configurator-container .product-options-container{ width: 50%; padding-left: 2rem; }
	
	.config-thumb.slick-slide{ min-width: auto; min-height: auto; }
	.config-thumb-contain .config-thumb.slick-slide{ margin-right: 5px; margin-bottom: 0;}
	.config-thumb-contain .config-thumb > div:last-of-type{ margin-right: 0; }
	
	.product-configurator-container .product-images-container .image-container{
		width: 100%;
		height: 100%;
	}
	
	.pt_product .product-images-gallery .carousel-button-prev, .pt_product .product-images-gallery .carousel-button-next{ display: none !important; }
	
	.configurator-container.incomplete[data-input-complete='playerNumberOptions'] .option-label:after{
		width: 85px;
	    word-break: break-word;
	    line-height: normal;
	    text-align: right;
	    z-index: 10;
    }
    
    .logo-iframe-container { height: 325px; overflow: hidden; }
}

/* IPAD 1,2 LANDSCAPE = 1024px */
@media (max-width: 1024px) {
	
}

/* TABLET UP TO DESKTOP */
@media (max-width: 979px) {
	#product-configurator-ajax .ajax-btn-wrapper {margin: 0 -2px -1px 0;}
}
@media (min-width: 768px) and (max-width: 979px) {
  
}

@media (min-width: 769px) {
	.product-configurator-container.iframe .product-images-container .image-container{
		max-width: none;
		max-height: none;
	}
}

@media (max-width: 989px) {
  
}


/* PORTRAIT PHONE UP TO PORTRAIT TABLET */
@media (max-width: 1024px) {
	
}

/* PORTRAIT PHONE UP TO DESKTOP */
@media (max-width: 992px) {
	#preview-product { margin: 0; }
	#custom-images-container #preview-product{ min-height: 300px; }
	.product-configurator-container.container{ width: 90%; }
	.product-configurator-container #ball-preview-slides{
	   	width: auto;
    	height: auto;
    	margin: 0 auto;
    	position: static;
	}
	
	.product-configurator-container .product-images-container.mobile-close .product-images-gallery{ display: none; }
	
	#product-images .product-image:nth-of-type(1) { width: 100% }
	
	#preview-product .preview .svg svg {
	    height: auto;
	    width: 100%;
	    padding: 2em;
	}
	
	#preview-product .preview-set:nth-of-type(1) .svg{
	    width: 100%;
    }
	
	#preview-product .preview-set .svg{
	    padding: 0;
	    box-sizing: border-box;
	    float: left;
    }
    
    .product-configurator-container #preview-product .svg-grid .preview-set {
		float: left;
		padding: 1em;
		width: 50%;
		height: auto;
	}
	.product-configurator-container #preview-product .svg-grid .preview-set:first-child {
		width: 100%;
	}
	
	#preview-product .callaway-customs-logo,
	#personalize-preview .callaway-customs-logo { display:none; }
	#preview-product .preview.selected { display: block; padding: 0; }
	
	.product-configurator-container .product-images-container, 
	.product-configurator-container .product-personalize-container{ padding: 39px 0; }
	
	.product-configurator-container .product-images-container .product-logo{ right: 5rem; transition: right 0.3s; }
	.product-configurator-container .product-images-gallery img.award-img{ right: 5rem; }
	.product-configurator-container .product-images-container.last-slide-active .product-logo{ right: 1.5rem; transition: right 0.3s; }
	
	.product-configurator-container .product-images-gallery{ flex-direction: column-reverse; height: auto; }
	
	.product-configurator-container .product-images-container .config-thumb-contain{width: 100%; height: auto; min-height: auto; margin: 10px 0 0 0;}
	.product-configurator-container:not(.iframe) .product-configurator-wrapper{ flex-flow: column; }
	.product-configurator-container .product-images-container, 
	.product-configurator-container .product-personalize-container,
	.product-configurator-container .product-options-container{ width: 100%; }
	
	.product-configurator-container .product-options-container {position: relative;height: auto; top: 0;}
	.product-configurator-container .product-options-container .pdp-info-section.desktop,
	.configurator-footer-links.desktop{ display: none; }
	.configurator-footer-links{ flex-direction: column; background-color: #F4F4F4; padding: 2rem 0; }
	.configurator-footer-links .config-footer-item{ position: relative; margin: 2rem 0; width: 85%; }
	.configurator-footer-links .config-footer-item:after{
	    content: "";
	    width: 100%;
	    border-bottom: 1px solid #d7d7d7;
	    position: absolute;
	    left: 0;
	    top: 5rem;
	}
	.configurator-footer-links div:last-of-type:after{border: 0px;}
	
	.config-thumb-contain .config-thumb.slick-slide{ margin-right: 5px; margin-bottom: 0;}
	.config-thumb-contain .config-thumb > div:last-of-type{ margin-right: 0; }
	
	.product-page-container .pdp-secondary-nav{ margin-top: 0; }
	.product-page-container .pdp-secondary-nav.desktop .nav-product-name{ display: none; }
	
	.product-configurator-container .product-options-container {
	    width: 100%;
	    padding-left: 0;
	}
	
	#product-configurator-ajax{ padding: 0; }
	#product-configurator-ajax{ width: 100%; }
	#product-configurator-ajax.customs-slideout{
		width: 100%;
	    flex-direction: column;
	    padding: 6rem 0 7rem 0;
	    right: -1000px;
	    transition: right 1s; 
	}
	
	#product-configurator-ajax.balls.customs-slideout{ padding-top: 0; }
	.product-configurator-container .product-images-container.mobile-close .product-personalize-container.ball-personalize-container{ position: static; }
	
	#product-configurator-ajax{ transition: right 2s; }
	#product-configurator-ajax.customs-slideout.open{ right: 0; transition: right 0.75s; }
	#product-configurator-ajax.customs-slideout.soft-good-personalize-product-container{ padding: 3.5rem 0 7rem 0; }
    #product-configurator-ajax.customs-slideout .svg-slideout-container{ width: 100%; max-height: 60%; padding: 2rem 0 1rem 0; }
    #product-configurator-ajax.customs-slideout.soft-good-personalize-product-container .svg-slideout-container{ max-height: 50%; padding: 0 0 1rem 0; }
    #product-configurator-ajax.customs-slideout .svg-slideout-container #personalize-preview,
    #product-configurator-ajax.customs-slideout .svg-slideout-container .svg-container,
    #product-configurator-ajax.customs-slideout .svg-slideout-container .svg-container .active-svg,
    #product-configurator-ajax.customs-slideout .svg-slideout-container .svg-container .preview,
    #product-configurator-ajax.customs-slideout .svg-slideout-container .svg-container .preview-set{ height: 100%; }
    #product-configurator-ajax.customs-slideout.soft-good-personalize-product-container .pdpRewardsCallout{ display: none !important; }
    
    #product-configurator-ajax.customs-slideout .svg-slideout-container .svg-include .image-container {
	    height: auto;
	    margin: auto;
	}
	
	#product-configurator-ajax.customs-slideout .config-slideout-container{ 
	    width: 100%;
	    position: static;
	    height: 100%;
	}
    
	#product-configurator-ajax.customs-slideout .config-container{
   	    padding: 0 1rem 5rem 1rem;
    	height: 100%;
    }
    
    #product-configurator-ajax.customs-slideout .svg-slideout-container .svg-include{ width: 90%; margin: 0 auto; }
    #product-configurator-ajax.customs-slideout .svg-slideout-container.wedges .svg-include{
	    width: 65%;
	    padding: 0 0 5px 0;
    }
    
    #product-configurator-ajax.customs-slideout .svg-slideout-container.drivers .svg-grid {
	    grid-template-rows: auto;
	    padding-bottom: 1rem;
	    display: block;
	    height: 100%;
    }
    
    #product-configurator-ajax.customs-slideout .svg-slideout-container.drivers .svg-grid .preview-set:first-of-type {
	    grid-column-start: 1;
	    grid-column-end: 4;
	    grid-row-start: 1;
	    grid-row-end: 4;
	   /*  padding-left: 1rem; */
	   display: block;
	}
	
	#product-configurator-ajax.customs-slideout .svg-slideout-container.drivers .svg-grid .preview-set {
	    padding: 1rem 0rem 0 0rem;
	    grid-column-start: 1;
	    grid-column-end: 1;
	    height: 100%;
	    display: none;
	}
	
	#product-configurator-ajax.customs-slideout .config-footer{ position: absolute; z-index:1; }
	#product-configurator-ajax.balls.customs-slideout .config-footer{ position: relative; }
	
	#product-configurator-ajax #product-configurator-ajax-form{ width: 100%; }
	
	#product-configurator-ajax .config-footer{
        bottom: 0;
	    padding-top: 0.5rem;
	    display: flex;
	    flex-direction: column;
	    justify-content: space-around;
	    align-items: center;
	    padding: 1rem;
    }
    
    #product-configurator-ajax .config-footer .product-config-summary #product-price{    
    	font-family: 'Roboto Condensed';
	    font-weight: bold;
	    font-size: 18px;
    }
	
	#product-configurator-ajax .config-footer button{
		height: 55px;
       	padding: 10px 0;
    	margin: 0;
    	min-height: auto;
    	min-width: auto;
    }
    
    
    #product-configurator-ajax .config-footer .product-config-summary{
	    width: 100%;
	    margin-bottom: 15px;
	    justify-content: center;
    }

    #product-configurator-ajax-container .config-footer .affirm-as-low-as{ display: none; }
    
    #product-configurator-ajax.soft-good-personalize-product-container .config-container{
        height: 100%;
    	padding: 0 1rem 320px 1rem;
   	}
	
	#product-configurator-ajax .config-nav-tab{ min-width: 100px; height: 40px; }
	#product-configurator-ajax .config-nav-tab.incomplete:after{ right: 18px; }
	
	#product-configurator-ajax #soft-good-personalization-container .radio-custom{ width: 60px; height: 60px; }
	#product-configurator-ajax #soft-good-personalization-container .radio-custom .label-value{ font-size: 10px; line-height: 13px; }
	
	#product-configurator-ajax .config-container > #customs{ padding: 0 0 80% 0; padding-bottom: calc(80% - 60vw - -30vh);}
	
	#product-configurator-ajax.balls .product-personalize-container{ padding: 0; }
	#product-configurator-ajax.balls .config-container{ padding: 0 1rem 90% 1rem; }
    
    .product-config-top-level-container .top-level-container:after{ top: 35px; right: 1.5rem; }
	.product-config-top-level-container .top-level-container .selection-container{ width: 90%; }
    
    #product-configurator-ajax #soft-good-personalization-container .personalization-line-text .option-text-chars, #product-configurator-ajax #soft-good-personalization-container .personalization-number .option-text-chars {
		top: 9px;
	}
	
	#product-configurator-ajax .config-nav-tab-container.show-scroll:before{ top: 79px; }
	
	.product-configurator-container.personalize-open #product-configurator-ajax #soft-good-personalization-container .svg-container .preview,
	.product-configurator-container.personalize-open #product-configurator-ajax #soft-good-personalization-container .svg-container .preview .preview-set,
	.product-configurator-container.personalize-open #product-configurator-ajax #soft-good-personalization-container .svg-container .preview .svg-personalize-preview{ height: 100%; }
	
	.svg-slideout-container .svg-include .preview.selected,
	.svg-slideout-container .svg-include .preview.selected .preview-set,
	.svg-slideout-container .svg-include .preview.selected .preview-set .preview-set-layer,
	.svg-slideout-container .svg-include .preview.selected .preview-set .svg{ height: 100%; }
	
	.pt_product .btt-btn-container{ display: none; }
	
	.product-page-container .trade-bonus-container{ margin: 0 0 1rem 0; }
	.product-page-container .trade-bonus-container.pdp-test-segment{ margin: 1rem 0; }
	
	.cge #product-configurator-ajax .config-nav-tab{ order: 1; }
	.cge #product-configurator-ajax .config-nav-tab[data-tab-id="head"]{ order: 0; border-right: 1px solid #9A9A9A;}
	
}

/* PORTRAIT PHONE UP TO DESKTOP/TABLET */
@media (max-width: 768px) {
	
	.product-configurator-container .product-images-container .image-container {
		margin: 0;
		/* padding-top: 60px; */
	 	
	}
	
	.product-configurator-container .product-images-container .image-container.product-image-sliders{
		position: relative;
		height: 0;
		/* Formula is: (height / width * 100%) */
		padding-top: calc(360 / 360 * 100%);
	}
	.product-configurator-container .product-images-container .image-container.product-image-sliders .activeGallery{
		position: absolute;
		top: 0;
		left: 0;
		max-width: 100%;
		height: auto; 
	}
	
	.product-configurator-container .product-images-container .product-logo{ right: 13.333%; }
	#product-configurator-ajax .option-finish li .finish-swatch { width: 100px; }
	
}

@media (max-width: 600px) {
 	.product-configurator-container > .slide-panel-content.slide-left { max-width: 100vw; }
 	
}

/* PORTRAIT PHONE UP TO LANDSCAPE PHONE */
@media (max-width: 480px) {
	.product-configurator-container .product-images-container .image-container { padding-bottom: 0; }
	.product-configurator-container .product-images-container .image-container.product-image-sliders{
		position: relative;
		height: 0;
		/* Formula is: (height / width * 100%) */
		padding-top: calc(360 / 360 * 100%);
	}
	.product-configurator-wrapper {
		flex-flow: column nowrap;
	}
	
	.product-configurator-container > .slide-panel-content.slide-left { width: 100%; }
	.product-configurator-container > .slide-panel-content.slide-up { height: calc(100% - 50px); bottom: -100%; }
	
	.product-configurator-container #ball-preview-slides{
    	height: auto;
	}
	
	.product-configurator-container .callaway-customs-logo{ top: 1rem; right: 1rem; bottom: auto; left: auto; }
	
	#ball-preview,
	#ball-player {
		margin: 20px 0;
	}
	.personalize-ball-translate{transform: translateY(-134%);}
	.product-configurator-container #ball-preview-slides .ball-navigation{right: 0}
	
	.product-configurator-container .product-configurator-header { height: 50px; padding: 0 20px; width: 100%; }
	
	.product-configurator-container .product-images-container,
	.product-configurator-container .product-personalize-container,
	.product-configurator-container .product-options-container {max-width: 100vw;width: 100%;}
	
	.product-configurator-container .product-configurator-wrapper,
	.product-configurator-container .product-options-container,
	.product-configurator-container .product-images-container,
	.product-configurator-container .product-personalize-container {overflow: unset;max-height: unset;}
	
	.product-configurator-container:not(.iframe) .product-configurator-wrapper {
		/* overflow-y: scroll; */
		flex-direction: column;
		height:auto;
		max-width:100vw;
		height:100%;
		padding-top: 0;
	}
	
	.product-configurator-container .product-images-container { padding:0; }
	.product-configurator-container .product-images-container .product-logo{ top: 1rem; max-width: 90px; max-height: 20px; }
	.product-configurator-container .product-images-container.last-slide-active .product-logo{ right: .8rem; transition: right 0.3s; }
	
	.slide-panel .modal-close {
	   	top: 18px;
	    height: 32px;
	    width: 32px;
	    font-size: 13px;
	    line-height: 12px;
	}
	
	.product-configurator-header {height: 50px;}
	
	.product-configurator-container #custom-images-container {}
	
	.product-configurator-container .image-container .carousel-button-prev { left: -10px; bottom: 50%; margin-bottom: -20px; }
	.product-configurator-container .image-container .carousel-button-next { right: -10px; bottom: 50%; margin-bottom: -20px; }
	
	.product-configurator-container #preview-product .svg-grid .preview-set,
	#preview-product .preview .svg svg { padding: 0; }
	#preview-product .preview.selected { padding:0; }
	#preview-product .preview.selected:after { padding: 0; }
	#configurator-close.ti-close:before { margin:auto }
	#custom-images-container #preview-product .image-container { padding: 0; }
	.product-configurator-container #preview-product .svg-grid .preview-set { display: none; }
	.product-configurator-container #preview-product .svg-grid .preview-set:first-child { display: block; }
	
	div#preview-product [id*='drivers-2021'] .preview-set { display: block !important; padding: 6px !important;	}
	
	#price-table .price-table-values .price-tiered-value{
	    flex: 1 0 50%;
	}
	
}

@media (max-height: 700px) and (min-width: 1225px) {
	#product-images-main img { max-height: 450px; max-width: 450px; }
}

/* PORTRAIT PHONE */
@media (max-width: 360px) {
	#product-configurator-ajax .option-group .button-grid{ width: 100%; }
}

/* PORTRAIT PHONE */
@media (max-width: 320px) {
	
	
}

@media (max-height: 450px) {
	.product-configurator-container .product-options-container { padding-top: 25px; padding-bottom: 110px; }
}

@media (min-width: 1800px) {
	.product-configurator-container .product-images-gallery{
		height: 750px;
	}
	
	.product-configurator-container .product-images-container .config-thumb-contain, .product-configurator-container .product-images-container .svg-thumb-contain {
	    flex: 1 0 15%;
	}
	
	.pt_product .product-swiper-btn-prev,
	.pt_product .product-swiper-btn-next { top: calc(41% - 1rem); }
	
}

/* PERSONALIZATION STYLES */
@media (min-width: 2000px) {
	
	
}
@media (max-width: 1530px) {
	
	
}

@media (max-width: 1400px) {
	
	
}

@media (max-width: 1300px) {
	
	
}

@media (max-width: 768px) {
	.product-configurator-container.personalize-open:not(.iframe) .product-configurator-wrapper {
		overflow-y: scroll;
		flex-direction: column;
		height:auto;
		max-width:100vw;
		height:100%;
		padding-top: 0;
	}
	
	.product-configurator-container.personalize-open #soft-good-personalization-container {
	    display: flex;
    	flex-direction: column;
    	padding: 0;
    	
	}
	.product-configurator-container.personalize-open #custom-images-container{
	    height: 100%;
    	position: relative;
    	width: 100%;
    	max-height: 56%;
    	margin: 0;
    	z-index: 100;
   	    flex: 1 0 auto;
	}
	
	.product-configurator-container.personalize-open #soft-good-personalization-container .personalize-option-container{
        width: 100%;
	    height: 100%;
	    position: relative;
	    margin: 0;
	    min-width: auto;
	    max-width: none;
	    overflow-y: scroll;
	    padding: 1rem;
	}
	.product-configurator-container.personalize-open #soft-good-personalization-container .personalize-option-container .personalize-scroll{
	    overflow-y: auto;
	    overflow-x: auto;
	    height: auto;
	}
	
	.product-configurator-container.personalize-open #soft-good-personalization-container .personalize-add-to-cart{
        position: static;
	    padding: 6px 1rem 0 1rem;
	    background-color: #fff;
    	border-top: 1px solid #ddd;
	}
	
	.product-configurator-container.personalize-open .product-options-container{
		width: 100%;
	    height: 100%;
	    position: relative;
	    margin: 0;
	    min-width: auto;
	    max-width: none;
	    overflow-y: scroll;
	    padding: 1rem;
	}
	
	.product-configurator-container.personalize-open .product-images-container #personalize-preview{ transition: 1s height; height: 100%;}
	
	.product-configurator-container .personalize-hide{
		display: block;
        height: 0 !important;
    	overflow: hidden ;
    	transition: none ;
	}
	
	#soft-good-personalization-toggle #personalization-btn:after{ right: 10px; }
	
	.product-configurator-container .product-options-container{ z-index: 0; }
	
	
	body.config-open .product-page-container{ 
		/* padding: 0; 
		position: relative;  */
		/* z-index: 100000;  */
	}
	body.config-open .product-page-container .product-config-top-level-container{/*  padding: 0 15px; */ }
	.collapse-description-container p.collapsing { height: 50px; }
	.collapse-description-container p.collapse:not(.show){ height: 50px !important; }
	body.config-open .product-page-container #pdp-config{ 
		position: relative; 
		/* z-index: 100;  */
	}
	
	/* body.config-open .pdp-secondary-nav{opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s;} */
	
	.product-images-gallery .activeGallery{ z-index: auto; }
	
	.product-configurator-container .product-images-container{ z-index: 0; margin-bottom: 1.5rem; }
	
	#pdp-mobile-config{
	    position: fixed;
    	z-index: 100000;
    	top: 0;
    	right: -1000px;
    	bottom: 0;
    	height: 100%;
    	width: 100%;
    }
    body.config-open #pdp-mobile-config{ right: 0; }
	
}
