File "service-list.css"
Full Path: /home/fineflavourcocoa/public_html/wp-content/plugins/gyan-elements/addons/css/widgets/service-list.css
File size: 10.06 KB
MIME-type: text/plain
Charset: utf-8
.gyan-service-list-container {
overflow: hidden;
}
.gyan-service-list-container ul li {
overflow: hidden;
position: relative;
}
.gyan-service-list-container ul li:last-child {
overflow: hidden;
}
.gyan-service-list-container .gyan-service-list-item-inner {
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.gyan-service-list-container .gyan-servicelist-icon-outer,
.gyan-service-list-container .gyan-servicelist-icon-wrapper {
display: inline-flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
position: relative;
box-sizing: content-box;
}
.gyan-service-list-container .gyan-service-list-number {
text-align: center;
}
.gyan-service-list-container .gyan-service-list-item:last-child {
margin-bottom: 0 !important;
}
.gyan-service-list-container .gyan-list-items a {
color: inherit;
}
.gyan-service-list-container ul.gyan-list-items,
.gyan-service-list-container ul.gyan-list-items li {
margin: 0;
padding: 0;
}
.gyan-service-list-icon-left.gyan-service-list-icon-vertical-middle .gyan-service-list-item-inner,
.gyan-service-list-icon-right.gyan-service-list-icon-vertical-middle .gyan-service-list-item-inner {
align-items: center;
}
.gyan-service-list-icon-left.gyan-service-list-icon-vertical-top .gyan-service-list-item-inner,
.gyan-service-list-icon-right.gyan-service-list-icon-vertical-top .gyan-service-list-item-inner {
align-items: flex-start;
}
.gyan-service-list-icon-left.gyan-service-list-icon-vertical-top .gyan-service-list-item:first-child .gyan-servicelist-icon-outer:before,
.gyan-service-list-icon-right.gyan-service-list-icon-vertical-top .gyan-service-list-item:first-child .gyan-servicelist-icon-outer:before {
display: none;
}
.gyan-service-list-icon-left.gyan-service-list-icon-vertical-bottom .gyan-service-list-item-inner,
.gyan-service-list-icon-right.gyan-service-list-icon-vertical-bottom .gyan-service-list-item-inner {
align-items: flex-end;
}
.gyan-service-list-icon-left.gyan-service-list-icon-vertical-bottom .gyan-service-list-item:last-child .gyan-servicelist-icon-outer:after,
.gyan-service-list-icon-right.gyan-service-list-icon-vertical-bottom .gyan-service-list-item:last-child .gyan-servicelist-icon-outer:after {
display: none;
}
.gyan-service-list-icon-top.gyan-service-list-icon-horizontal-center .gyan-service-list-item-inner {
align-items: center;
}
.gyan-service-list-icon-top.gyan-service-list-icon-horizontal-left .gyan-service-list-item-inner {
align-items: flex-start;
}
.gyan-service-list-icon-top.gyan-service-list-icon-horizontal-left .gyan-service-list-item:first-child .gyan-servicelist-icon-outer: {
display: none;
}
.gyan-service-list-icon-top.gyan-service-list-icon-horizontal-right .gyan-service-list-item-inner {
align-items: flex-end;
}
.gyan-service-list-icon-top.gyan-service-list-icon-horizontal-right .gyan-service-list-item:last-child .gyan-servicelist-icon-outer:after {
display: none;
}
.gyan-service-list-icon-left .gyan-servicelist-icon-outer {
margin-right: 10px;
}
.gyan-service-list-icon-left .gyan-service-list-connector .gyan-servicelist-icon-outer:before,
.gyan-service-list-icon-left .gyan-service-list-connector .gyan-servicelist-icon-outer:after {
content: '';
border-right: 1px solid #000;
height: 1500px;
left: calc(7px - (1px/2));
position: absolute;
width: 1px;
}
.gyan-service-list-icon-left .gyan-service-list-connector .gyan-servicelist-icon-outer:before {
bottom: 14px;
}
.gyan-service-list-icon-left .gyan-service-list-connector .gyan-servicelist-icon-outer:after {
top: 14px;
}
.gyan-service-list-icon-right .gyan-service-list-item {
justify-content: flex-end;
text-align: right;
}
.gyan-service-list-icon-right .gyan-servicelist-icon-outer {
margin-left: 10px;
order: 2;
}
.gyan-service-list-icon-right .gyan-service-list-connector .gyan-servicelist-icon-outer:before,
.gyan-service-list-icon-right .gyan-service-list-connector .gyan-servicelist-icon-outer:after {
content: '';
border-left: 1px solid #000;
height: 1500px;
right: calc(7px - (1px/2));
position: absolute;
width: 1px;
}
.gyan-service-list-icon-right .gyan-service-list-connector .gyan-servicelist-icon-outer:before {
bottom: 14px;
}
.gyan-service-list-icon-right .gyan-service-list-connector .gyan-servicelist-icon-outer:after {
top: 14px;
}
.gyan-service-list-connector.gyan-service-list-corners-hide .gyan-service-list-item:first-child .gyan-servicelist-icon-outer:before,
.gyan-service-list-connector.gyan-service-list-corners-hide .gyan-service-list-item:last-child .gyan-servicelist-icon-outer:after {
display: none;
}
.gyan-service-list-icon-top .gyan-list-items {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: center;
}
.gyan-service-list-icon-top .gyan-list-items .gyan-service-list-item {
display: inline-block;
flex-grow: 1;
flex-basis: 0;
text-align: center;
}
.gyan-service-list-icon-top .gyan-list-items .gyan-service-list-item:last-child {
margin-right: 0 !important;
}
.gyan-service-list-icon-top .gyan-servicelist-icon-outer {
margin-bottom: 10px;
vertical-align: top;
}
.gyan-service-list-icon-top .gyan-service-list-connector .gyan-servicelist-icon-outer:before,
.gyan-service-list-icon-top .gyan-service-list-connector .gyan-servicelist-icon-outer:after {
content: '';
border-top: 1px solid #000;
top: calc(7px - (1px/2));
height: 1px;
position: absolute;
width: 1500px;
}
.gyan-service-list-icon-top .gyan-service-list-connector .gyan-servicelist-icon-outer:before {
left: auto;
right: 14px;
}
.gyan-service-list-icon-top .gyan-service-list-connector .gyan-servicelist-icon-outer:after {
left: 14px;
right: auto;
}
.gyan-service-list-icon-top .gyan-service-list-item-inner {
flex-direction: column;
}
.gyan-servicelist-icon-wrapper {
line-height: 1;
position: relative;
z-index: 1;
}
.gyan-service-list-item .gyan-service-list-button {
display: flex;
display: inline-block;
line-height: 1.2;
background-color: #818a91;
color: #fff;
fill: #fff;
text-align: center;
font-size: 15px;
padding: 12px 24px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.gyan-service-list-item .gyan-service-list-button .gyan-button-icon {
margin-right: 10px;
}
.gyan-service-list-item .gyan-service-list-button-icon-after .gyan-button-icon {
margin-left: 10px;
margin-right: 0;
order: 2;
}
.gyan-service-list-icon:before,
.gyan-servicelist-icon-outer:before,
.gyan-servicelist-icon-outer:after {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.gyan-service-list-icon:before {
position: absolute;
}
.gyan-servicelist-icon-outer:before,
.gyan-servicelist-icon-outer:after {
z-index: 1;
}
.gyan-service-list-icon-left .gyan-service-list-connector .gyan-servicelist-icon-outer:after,
.gyan-service-list-icon-left .gyan-service-list-connector .gyan-servicelist-icon-outer:before {
left: 50%;
}
.gyan-service-list-icon-top .gyan-service-list-connector .gyan-servicelist-icon-outer:after,
.gyan-service-list-icon-top .gyan-service-list-connector .gyan-servicelist-icon-outer:before {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
}
.gyan-service-list-icon-top .gyan-service-list-connector .gyan-servicelist-icon-outer:after {
left: 50%;
}
.gyan-service-list-icon-top .gyan-service-list-connector .gyan-servicelist-icon-outer:before {
left: auto;
}
.gyan-servicelist-icon-outer:after,
.gyan-servicelist-icon-outer:before {
z-index: 0;
}
@media (max-width: 1024px) {
.gyan-service-list-stack-tablet.gyan-service-list-icon-top .gyan-service-list-container .gyan-list-items {
display: block;
}
.gyan-service-list-stack-tablet.gyan-service-list-icon-top .gyan-service-list-container .gyan-list-items .gyan-service-list-item {
display: block;
text-align: center !important;
width: 100% !important;
}
.gyan-service-list-stack-tablet.gyan-service-list-icon-top .gyan-service-list-item-inner {
flex-direction: row;
}
.gyan-service-list-stack-tablet.gyan-service-list-icon-top .gyan-servicelist-icon-wrapper {
margin-bottom: 0;
margin-right: 10px;
}
.gyan-service-list-stack-tablet.gyan-service-list-icon-top .gyan-servicelist-icon-outer:before,
.gyan-service-list-stack-tablet.gyan-service-list-icon-top .gyan-servicelist-icon-outer:after {
content: '';
border-right: 1px solid #000;
height: 1500px;
left: calc(7px - (1px/2));
position: absolute;
width: 1px;
top: auto;
}
.gyan-service-list-stack-tablet.gyan-service-list-icon-top .gyan-servicelist-icon-outer:before {
bottom: 14px;
}
.gyan-service-list-stack-tablet.gyan-service-list-icon-top .gyan-servicelist-icon-outer:after {
top: 14px;
}
}
@media only screen and (max-width: 767px) {
.gyan-service-list-stack-mobile.gyan-service-list-icon-top .gyan-service-list-container .gyan-list-items {
display: block;
}
.gyan-service-list-stack-mobile.gyan-service-list-icon-top .gyan-service-list-container .gyan-list-items .gyan-service-list-item {
display: block;
text-align: center !important;
width: 100% !important;
}
.gyan-service-list-stack-mobile.gyan-service-list-icon-top .gyan-service-list-item-inner {
flex-direction: row;
}
.gyan-service-list-stack-mobile.gyan-service-list-icon-top {
margin-bottom: 0;
margin-right: 10px;
}
.gyan-service-list-stack-mobile.gyan-service-list-icon-top .gyan-servicelist-icon-outer:before,
.gyan-service-list-stack-mobile.gyan-service-list-icon-top .gyan-servicelist-icon-outer:after {
content: '';
border-right: 1px solid #000;
height: 1500px;
position: absolute;
width: 1px;
top: auto;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.gyan-service-list-stack-mobile.gyan-service-list-icon-top .gyan-servicelist-icon-outer:before {
bottom: 14px;
}
.gyan-service-list-stack-mobile.gyan-service-list-icon-top .gyan-servicelist-icon-outer:after {
top: 14px;
}
}