22

✏️ Editing: yet_styles.css

/* -------------------------------------------------------------------------------- /
	[1] LAYOUT
/ -------------------------------------------------------------------------------- */

.gw-go-yet-style .gw-go-col-wrap { margin-left:0; }
.gw-go-yet-style .gw-go-col { 
	border: 0;
    -moz-transition:margin-top 0.3s linear, top 0.3s linear, box-shadow 0.3s linear;
    -webkit-transition:margin-top 0.3s linear, top 0.3s linear, box-shadow 0.3s linear;
    transition:margin-top 0.3s linear, top 0.3s linear, box-shadow 0.3s linear;		
}
.gw-go-yet-style .gw-go-col:before { margin-top: 0; }
.gw-go-yet-style .gw-go-col-inner { position:relative; }
.gw-go-yet-style.gw-go.gw-go-enlarge-current .gw-go-col-wrap.gw-go-hover .gw-go-col-inner {
	-moz-box-shadow:0 0 70px -10px rgba(0,0,0,0.15);
	-webkit-box-shadow:0 0 70px -10px rgba(0,0,0,0.15);
	box-shadow:0 0 70px -10px rgba(0,0,0,0.15);
}	
.gw-go-yet-style .gw-go-col-inner:before {
    content:'';
	left:0;
    height:100%;	
    position:absolute;
	pointer-events:none;
    width:100%;
    z-index:1;
} 
.gw-go-yet-style .gw-go-col-inner-layer {
	height:100%;
	position:absolute;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;		
	width:100%;
}
.gw-go-yet-style .gw-go-col-inner-layer-over {
    height:100%;	
    position: absolute;
    width:100%;	
}

/* -------------------------------------------------------------------------------- /
	[2] HEADER
/ -------------------------------------------------------------------------------- */

.gw-go-yet-style .gw-go-header { overflow:visible; }

.gw-go-yet-style .gw-go-header:before {
    content:'';	
    height:100%;
    left:0;
    position:absolute;	
    width:100%;	
}
.gw-go-yet-style .gw-go-header-top,
.gw-go-yet-style .gw-go-header-bottom,
.gw-go-yet-style .gw-go-header-image {
	position:relative;
	text-align:center;
	height:auto;
}
.gw-go-yet-style .gw-go-header-top { padding:25px 0 25px 0; }
.gw-go-yet-style .gw-go-header-bottom {
	border: 0;
	padding:25px 0 25px 0;
}
.gw-go-yet-style  .gw-go-header-title {
	font-size:24px;
	line-height:30px;
}
.gw-go-yet-style .gw-go-header-subtitle {
	font-size:14px;
	line-height:20px;
}
.gw-go-yet-style .gw-go-header-bottom.gw-go-header-text-shadow .gw-go-price-wrap { text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); }
.gw-go-yet-style .gw-go-price-wrap > span {
	font-size:50px;
	line-height:50px;
}
.gw-go-yet-style .gw-go-price-wrap small { display: block; }
.gw-go-yet-style .gw-go-header-bottom [data-id="currency"] {
	position: relative;
	vertical-align: top;
	font-size:0.5em;
	line-height:1em;
	top:6px;
}
.gw-go-yet-style .gw-go-header-triangle:after {
	position: absolute;
	content: '';
	bottom: -13px;
	left: 50%;
	margin-left: -12px;
	border-width: 13px 12px 0;
	border-style: solid;
	border-right-color: transparent;
	border-left-color: transparent;
    border-top-color: inherit;	
}
.gw-go-yet-style .gw-go-header-bottom:before {
	content:'';
	height: 20px;		
	margin-top: 0;
	filter: alpha(opacity=20);
	-khtml-opacity: 0.2;
	-moz-opacity: 0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";  
	opacity:0.2;		
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
}
.gw-go-yet-style .gw-go-header-bottom.gw-go-shadow1:before { background:url(../images/shadow_1.png) 50% 100% no-repeat; }
.gw-go-yet-style .gw-go-header-bottom.gw-go-shadow2:before { background:url(../images/shadow_2.png) 50% 100% no-repeat; }
.gw-go-yet-style .gw-go-header-bottom.gw-go-shadow3:before { background:url(../images/shadow_3.png) 50% 100% no-repeat; } 
.gw-go-yet-style .gw-go-header-bottom.gw-go-shadow4:before { background:url(../images/shadow_4.png) 50% 100% no-repeat; }
.gw-go-yet-style .gw-go-header-bottom.gw-go-shadow5:before { background:url(../images/shadow_5.png) 50% 100% no-repeat; }
.gw-go-yet-style .gw-go-header-bottom.gw-go-shadow1:before,
.gw-go-yet-style .gw-go-header-bottom.gw-go-shadow2:before,
.gw-go-yet-style .gw-go-header-bottom.gw-go-shadow3:before,
.gw-go-yet-style .gw-go-header-bottom.gw-go-shadow4:before,
.gw-go-yet-style .gw-go-header-bottom.gw-go-shadow5:before { background-size:100% 20px; }

.gw-go-yet-style [class*="gw-go-ribbon-left"], 
.gw-go-yet-style [class*="gw-go-ribbon-right"] {
	margin-left:0;
	margin-top:0;
}

.gw-go-yet-style [class*="gw-go-ribbon-right"] {
	left:auto;
	margin-right:0;
}

/* -------------------------------------------------------------------------------- /
	[3] BODY
/ -------------------------------------------------------------------------------- */

.gw-go-yet-style ul.gw-go-body {
	border:0; 
	margin-top:22px !important;
}
.gw-go-yet-style ul.gw-go-body > li {
	border: 0;
	padding: 6px 0 !important;
}
.gw-go-yet-style ul.gw-go-body > li:after {
    content:'';
	display:block !important;	
    bottom:0;
    position:absolute;	
    height:0;	
}

/* -------------------------------------------------------------------------------- /
	[4] FOOTER
/ -------------------------------------------------------------------------------- */

.gw-go-yet-style .gw-go-footer-wrap,
.gw-go-yet-style .gw-go-footer-row-inner { padding: 0; }
.gw-go-yet-style .gw-go-footer-rows { padding:25px 0; }
.gw-go-yet-style .gw-go-footer-row { padding:5px 0; }

/* -------------------------------------------------------------------------------- /
	[5] TOOLTIP
/ -------------------------------------------------------------------------------- */

.gw-go-yet-style .gw-go-tooltip {
	margin-left: 0;
	margin-top:5px !important;
}
.gw-go-yet-style .gw-go-tooltip-visible { margin-top: -5px !important; }
.gw-go-yet-style .gw-go-tooltip-content {
	padding: 16px 20px 18px 20px;
	-moz-border-radius:0;	
	-webkit-border-radius:0;
	border-radius:0;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow: none;
}
.gw-go-yet-style .gw-go-tooltip-content:before { /* ? */
	content: '';
	position: absolute;
	left:0;
	border-right:14px solid transparent;	
	border-left:0;		
	border-top:14px solid #9D9D9D;
	border-top-color: inherit;
	top:100%;
}

/* -------------------------------------------------------------------------------- /
	[6] BUTTON
/ -------------------------------------------------------------------------------- */

.gw-go-yet-style .gw-go-btn:before,
.gw-go-yet-style .gw-go-btn:after { border:none; }

.gw-go-yet-style .gw-go-btn,
.gw-go-yet-style .gw-go-btn:visited,
.gw-go-yet-style .gw-go-btn:active,
.gw-go-yet-style a.gw-go-btn,
.gw-go-yet-style a.gw-go-btn:visited,
.gw-go-yet-style a.gw-go-btn:active {
	cursor:pointer;
	border-style:solid;
	border-width:2px !important;
	border-radius:0;
	box-shadow:none;
	-moz-transition:border-color 0.16s, background 0.16s, color 0.16s; 
	-webkit-transition:border-color 0.16s, background 0.16s, color 0.16s; 
	transition:border-color 0.16s, background 0.16s, color 0.16s; 
	z-index: 1;
}
.gw-go-yet-style .gw-go-btn,
.gw-go-yet-style a.gw-go-btn:hover,
.gw-go-yet-style a.gw-go-btn:hover { text-decoration:none !important; }

.gw-go-yet-style .gw-go-btn form { display:none !important; }

.gw-go-yet-style .gw-go-btn.gw-go-btn-fullwidth {
	display: block !important;
	margin:0 !important;
}

/* -------------------------------------------------------------------------------- /
	[6.1] BUTTON EFFECTS - GENERAL
/ -------------------------------------------------------------------------------- */

.gw-go-yet-style .gw-go-btn:before,
.gw-go-yet-style .gw-go-btn:after {
	border:none; 
	content:'';	
	position:absolute;
	-moz-transition:all 0.16s; 
	-webkit-transition:all 0.16s; 
	transition:all 0.16s;
	z-index: -1;
}

/* -------------------------------------------------------------------------------- /
	[6.2] BUTTON EFFECTS - FADE
/ -------------------------------------------------------------------------------- */

.gw-go-yet-style .gw-go-btn.gw-go-btn-fade:before { 
	height:100%;
	left:0;
	top:0;	
	width:100%;
}

/* Outline to filled */
.gw-go-yet-style .gw-go-btn-out-fill.gw-go-btn-fade:before	{ opacity: 0; }
.gw-go-yet-style .gw-go-btn-out-fill.gw-go-btn-fade:hover:before { opacity: 1; }

/* Filled to outline */
.gw-go-yet-style .gw-go-btn-fill-out.gw-go-btn-fade:before	 { opacity: 1; }
.gw-go-yet-style .gw-go-btn-fill-out.gw-go-btn-fade:hover:before { opacity: 0; }

/* -------------------------------------------------------------------------------- /
	[6.3] BUTTON EFFECTS - SLIDE TO RIGHT
/ -------------------------------------------------------------------------------- */

/* Outline to filled */
.gw-go-yet-style .gw-go-btn.gw-go-btn-out-fill.gw-go-btn-slide-r:before	{ 
	height:100%;
	left:0;	
	top:0;
	width:0;
}
.gw-go-yet-style .gw-go-btn.gw-go-btn-out-fill.gw-go-btn-slide-r:hover:before { width:100%; }

/* Filled to outline */
.gw-go-yet-style .gw-go-btn.gw-go-btn-fill-out.gw-go-btn-slide-r:before	{
	height:100%;
	right:0;
	top:0;	
	width:100%;
}
.gw-go-yet-style .gw-go-btn.gw-go-btn-fill-out.gw-go-btn-slide-r:hover:before { width:0; }

/* -------------------------------------------------------------------------------- /
	[6.4] BUTTON EFFECTS - SLIDE TO LEFT
/ -------------------------------------------------------------------------------- */

/* Outline to filled */
.gw-go-yet-style .gw-go-btn.gw-go-btn-out-fill.gw-go-btn-slide-l:before {
	height:100%;
	right:0;
	top:0;	
	width:0;
}
.gw-go-yet-style .gw-go-btn.gw-go-btn-out-fill.gw-go-btn-slide-l:hover:before { width:100%; }

/* Filled to outline */
.gw-go-yet-style .gw-go-btn.gw-go-btn-fill-out.gw-go-btn-slide-l:before { 
	height:100%;
	left:0;
	top:0;
	width:100%;
}
.gw-go-yet-style .gw-go-btn.gw-go-btn-fill-out.gw-go-btn-slide-l:hover:before { width:0; }

/* -------------------------------------------------------------------------------- /
	[6.5] BUTTON EFFECTS -SLIDE TO BOTTOM
/ -------------------------------------------------------------------------------- */

/* Outline to filled */
.gw-go-btn.gw-go-btn-out-fill.gw-go-btn-slide-b:before { 
	height:0;
	right:0;
	top:0;	
	width: 100%;
}
.gw-go-btn.gw-go-btn-out-fill.gw-go-btn-slide-b:hover:before { height:100%; }

/* Filled to outline */
.gw-go-btn.gw-go-btn-fill-out.gw-go-btn-slide-b:before { 
	bottom:0;
	height:100%;
 	right:0;
 	width:100%;
}
.gw-go-btn.gw-go-btn-fill-out.gw-go-btn-slide-b:hover:before { height:0; }

/* -------------------------------------------------------------------------------- /
	[6.6] BUTTON EFFECTS -SLIDE TO TOP
/ -------------------------------------------------------------------------------- */

/* Outline to filled */
.gw-go-btn.gw-go-btn-out-fill.gw-go-btn-slide-t:before { 
	bottom:0;
	height:0;
	right:0;
	width:100%;
}
.gw-go-btn.gw-go-btn-out-fill.gw-go-btn-slide-t:hover:before	{ height:100%; }

/* Filled to outline */
.gw-go-btn.gw-go-btn-fill-out.gw-go-btn-slide-t:before { 
	height:100%;
	right:0;	
	top:0;
	width:100%;
}
.gw-go-btn.gw-go-btn-fill-out.gw-go-btn-slide-t:hover:before { height: 0; }

/* -------------------------------------------------------------------------------- /
	[6.7] BUTTON EFFECTS -SLIDEOUT HORIZONTAL
/ -------------------------------------------------------------------------------- */

/* Outline to filled */
.gw-go-btn.gw-go-btn-out-fill.gw-go-btn-slide-oh:before	{ 
	height:0;
	left:0;
	top:50%;
	width:100%;	
}
.gw-go-btn.gw-go-btn-out-fill.gw-go-btn-slide-oh:hover:before { 
	top:0;
	height:100%;
}

/* Filled to outline */
.gw-go-btn.gw-go-btn-fill-out.gw-go-btn-slide-oh:before,
.gw-go-btn.gw-go-btn-fill-out.gw-go-btn-slide-oh:after { 
	height:50%;
	left:0;
	width:100%;
}
.gw-go-btn.gw-go-btn-fill-out.gw-go-btn-slide-oh:before { top: 0; }
.gw-go-btn.gw-go-btn-fill-out.gw-go-btn-slide-oh:after { bottom:0; }
.gw-go-btn.gw-go-btn-fill-out.gw-go-btn-slide-oh:hover:before,
.gw-go-btn.gw-go-btn-fill-out.gw-go-btn-slide-oh:hover:after { height:0; }

/* -------------------------------------------------------------------------------- /
	[6.8] BUTTON EFFECTS -SLIDEOUT VERTICAL
/ -------------------------------------------------------------------------------- */

/* Outline to filled */
.gw-go-btn.gw-go-btn-out-fill.gw-go-btn-slide-ov:before { 
	height:100%; 
	left:50%;	
	top:0;
	width:0;	
}
.gw-go-btn.gw-go-btn-out-fill.gw-go-btn-slide-ov:hover:before {
	left:0;	
	width:100%;
}

/* Filled to outline */
.gw-go-btn.gw-go-btn-fill-out.gw-go-btn-slide-ov:before,
.gw-go-btn.gw-go-btn-fill-out.gw-go-btn-slide-ov:after { 
	height:100%;
	top: 0;
	width:50%;
}
.gw-go-btn.gw-go-btn-fill-out.gw-go-btn-slide-ov:before	{ left:0; }
.gw-go-btn.gw-go-btn-fill-out.gw-go-btn-slide-ov:after { right:0; }
.gw-go-btn.gw-go-btn-fill-out.gw-go-btn-slide-ov:hover:before,
.gw-go-btn.gw-go-btn-fill-out.gw-go-btn-slide-ov:hover:after { width:0; }

/* -------------------------------------------------------------------------------- /
	[6.9] BUTTON EFFECTS -SLIDEIN HORIZONTAL
/ -------------------------------------------------------------------------------- */

/* Outline to filled */
.gw-go-btn.gw-go-btn-fill-out.gw-go-btn-slide-ih:before { 
	height:100%;
	left:0;
	top:0;
	width:100%;
}
.gw-go-btn.gw-go-btn-fill-out.gw-go-btn-slide-ih:hover:before { 
	height:0;
	top:50%;
}

/* Filled to outline */
.gw-go-btn.gw-go-btn-out-fill.gw-go-btn-slide-ih:before,
.gw-go-btn.gw-go-btn-out-fill.gw-go-btn-slide-ih:after	{ 
	height:0;
	left:0; 
	width:100%;
}
.gw-go-btn.gw-go-btn-out-fill.gw-go-btn-slide-ih:before { top:0; }
.gw-go-btn.gw-go-btn-out-fill.gw-go-btn-slide-ih:after	{ bottom:0; }
.gw-go-btn.gw-go-btn-out-fill.gw-go-btn-slide-ih:hover:before,
.gw-go-btn.gw-go-btn-out-fill.gw-go-btn-slide-ih:hover:after { height:50%; }

/* -------------------------------------------------------------------------------- /
	[6.10] BUTTON EFFECTS -SLIDEIN VERTICAL
/ -------------------------------------------------------------------------------- */

/* Outline to filled */
.gw-go-btn.gw-go-btn-fill-out.gw-go-btn-slide-iv:before { 
	height:100%;
	left:0;
	top:0;
	width:100%;
}
.gw-go-btn.gw-go-btn-fill-out.gw-go-btn-slide-iv:hover:before { 
	left:50%;
	width:0;
}

/* Filled to outline */
.gw-go-btn.gw-go-btn-out-fill.gw-go-btn-slide-iv:before,
.gw-go-btn.gw-go-btn-out-fill.gw-go-btn-slide-iv:after { 
	height:100%;
	top:0;
	width:0;	
}
.gw-go-btn.gw-go-btn-out-fill.gw-go-btn-slide-iv:before{ left:0; }
.gw-go-btn.gw-go-btn-out-fill.gw-go-btn-slide-iv:after { right:0; }
.gw-go-btn.gw-go-btn-out-fill.gw-go-btn-slide-iv:hover:before,
.gw-go-btn.gw-go-btn-out-fill.gw-go-btn-slide-iv:hover:after { width:50%; }

MR SKB