.ced-vm-row-wrapper ul { margin: 0; } .flexslider{ height: 100%; } .flex-direction-nav { list-style: none !important; } .ced-vm-row-wrapper td.label .ced-vm-swatch-label { padding-top: 6px !important; } .ced-vm-row-wrapper label { line-height: normal !important; } #carousel li:nth-child(4n+1) { clear: right; } #carousel > div{ margin-bottom: 0; } .ced-vm-attr-name-label label { display: inline-block; vertical-align: middle; position: relative; } .ced-vm-swatch-wrapper { height: 20px; width: 20px; border-radius: 100%; background-color: #cccccc; } .ced-vm-swatch-wrapper img { width: 100% !important; vertical-align: top !important; height: 100% !important; border-radius: 100% !important; } .ced-vm-swatch-wrapper input[type="radio"] { height: 100%; left: 0; opacity: 0; position: absolute; vertical-align: top; width: 100%; z-index: 999; } .ced-vm-attr-name-label ul li { display: inline-block !important; margin-right: 12px; text-align: center !important; vertical-align: middle !important; } .ced-vm-disable { opacity: 0.5; } .ced-vm-active-s{ border: 3px solid #fff; box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.443); transition: all 0.3s ease 0s; } .ced-vm-swatch-wrapper,.ced-vm-swatch-wrapper-without-circle { position: relative; } .ced-vm-attr-label-tooltip span.vm_label_s { background-color: rgba(0, 0, 0, 0.88); border-radius: 5px; color: #ffffff; display: none; font-size: 15px; left: 0px; padding: 4px; position: absolute !important; top: -30px !important; transform: unset !important; transition: all 0.3s linear 0s; min-width: 100px !important; z-index: 99; } .summary .ced-vm-attr-label-tooltip span.vm_label_s { color: #ffffff !important; } .ced-vm-attr-label.ced-vm-attr-label-tooltip.ced-vm-label-active span.vm_label_s { top: -33px!important; } .ced-vm-attr-label-tooltip span.vm_label_s::after { border-left: 8px solid rgba(0, 0, 0, 0); border-right: 8px solid rgba(0, 0, 0, 0); border-top: 8px solid rgba(0, 0, 0, 0.88); bottom: -8px; content: ""; left: 7px; position: absolute; } .ced-vm-attr-label-tooltip:hover span.vm_label_s { display: inline-block; } .ced-vm-attr-label-tooltip:hover .ced-vm-disabled-hover{ display: inline-block; } .ced-vm-swatch-wrapper:hover > span,.ced-vm-swatch-wrapper-without-circle:hover > span{ display: inline-block; } .ced-vm-swatch-wrapper{ -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .ced-vm-active-s:hover { box-shadow: 0 0 0 2px #f16e12; } .ced-vm-swatch-wrapper.ced-vm-border{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .ced-vm-disabled-hover::after { border-bottom: 15px solid #000000; border-left: 15px solid rgba(0, 0, 0, 0); border-right: 15px solid rgba(0, 0, 0, 0); content: ""; height: 0; left: 3px; position: absolute; right: 0; top: -12px; width: 0; } .ced-vm-disabled-hover { background-color: #000000; border-radius: 3px; color: #ffffff; display: block; font-size: 11px; font-weight: normal; left: -1px; opacity: 1 !important; padding: 10px; position: absolute !important; right: 0; text-align: left; bottom: -71px; visibility: hidden; width: 180px; z-index: 9999; } .ced-vm-swatch-wrapper.ced-vm-disable:hover + .ced-vm-disabled-hover { visibility: visible !important; } .ced-vm-swatch-wrapper span { position:absolute; left:0px; right:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); } .avada-product-gallery .flex-control-thumbs { opacity: 1!important; } .flex-control-thumbs{ display: inline-block !important; } .vm-custom-class { margin-bottom: 0px !important; } .vm-custom-class .flex-viewport { height: 100% !important; } .vm-custom-class ol.flex-control-nav { display: inline-block !important; position: relative; } /* ==================================================================================================================== * RESETS * ====================================================================================================================*/ .flex-container a:hover, .flex-slider a:hover { outline: none; } .slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flex-pauseplay span { text-transform: capitalize; } /* ==================================================================================================================== * BASE STYLES * ====================================================================================================================*/ .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { width: 100%; display: block; } .flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .flexslider .slides { display: block; } * html .flexslider .slides { height: 1%; } .no-js .flexslider .slides > li:first-child { display: block; } /* ==================================================================================================================== * DEFAULT THEME * ====================================================================================================================*/ .flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); } .flexslider .slides { zoom: 1; } .flexslider .slides img { height: auto; -moz-user-select: none; } .flex-viewport { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .carousel li { margin-right: 5px; } .flex-direction-nav { *height: 0; } img.flex-active { opacity: 1 !important; } .woocommerce div.product div.images .flex-control-thumbs li{ margin-bottom: 0 !important; } .flex-direction-nav:after{ content: ""; clear:both; display: block; } #ced-vm-variation-container .flex-direction-nav a { top: 83px; } .flex-direction-nav a:before { background: #000 none repeat scroll 0 0; color: rgba(13, 9, 20, 0); content: "<"; text-align: center; display: inline-block; font-family: "flexslider-icon"; font-size: 22px; text-shadow: 1px 1px 0 rgb(253, 255, 255); width: 30px; } .flex-direction-nav a.flex-next:before { content: '>'; background: #000; width: 30px; } .flex-prev, .flex-next { font-size: 0; } .flex-direction-nav .flex-prev { left: -50px; } .flex-direction-nav .flex-next { right: -50px; text-align: right; } .flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; } .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; } .flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; } .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; z-index: -1; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%!important; height: auto!important; display: block!important; cursor: pointer!important; -moz-user-select: none!important; -webkit-transition: all 1s ease!important; -moz-transition: all 1s ease!important; -ms-transition: all 1s ease!important; -o-transition: all 1s ease!important; transition: all 1s ease!important; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } .ced-vm-swatch-wrapper-without-circle img { width: 100% !important; vertical-align: top !important; height: 100% !important; } .ced-vm-swatch-wrapper-without-circle input[type="radio"] { vertical-align: top; /*position: relative !important;*/ z-index: 999 !important; position: absolute !important; opacity: 0; height: 100%!important; left: 0!important; position: absolute!important; vertical-align: top!important; width: 100% !important; } .ced-vm-swatch-wrapper-without-circle { height: 20px; width: 20px; border-radius: 100%; background-color: #cccccc; } .ced-vm-swatch-wrapper-without-circle{ -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .ced-vm-swatch-wrapper-without-circle.ced-vm-border{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .ced-vm-swatch-wrapper-without-circle.ced-vm-disable:hover + .ced-vm-disabled-hover { visibility: visible !important; } .ced-vm-swatch-wrapper-without-circle span { position:absolute; left:0px; right:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); } /* ==================================================================================================================== * RESPONSIVE * ====================================================================================================================*/ @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; } .flex-direction-nav .flex-next { opacity: 1; right: 10px; } } .flex-control-nav.flex-control-thumbs.slides{ margin-top: 0 !important; padding-bottom: 0 !important; } .flex-direction-nav{ padding-bottom: 0 !important; } .flex-direction-nav li.flex-nav-prev { float: none !important; height: auto; left: 0; position: absolute !important; right: auto; top: 50%; transform: translateY(-50%); } .flex-direction-nav li.flex-nav-next { float: none !important; height: auto; left: auto; right: 0; position: absolute !important; right: 0; top: 50%; transform: translateY(-50%); } .ced_vm_text_swatch { font-weight: bold; font-size: 100%; } @media screen and (max-width: 500px){ .ced-vm-attr-label-tooltip span.vm_label_s { font-size: 12px; /*left: -30px;*/ top: -27px !important; } .ced-vm-attr-label.ced-vm-attr-label-tooltip.ced-vm-label-active span.vm_label_s { top: -20px !important; } .ced-vm-disabled-hover { left: -1px; right: 0; bottom: -102px; width: 101px; } }