Edit File - File Manager

Edit File: themify.framework.css

/************************************************************************************
BUTTONS
*************************************************************************************/
a.shortcode.button{
    text-decoration:none !important;
    color:#333;
    line-height:110%;
    padding:.5em 1em;
    margin:.5em .2em .5em 0;
    border:solid 1px #aaa;
    background-color:#f5f5f5;
    background-image:none;
    vertical-align:middle;
    display:inline-block;
    text-shadow:0 1px 0 rgba(255,255,255,.1);
    border-radius:.3em;
    box-shadow:0 1px 0 rgba(0,0,0,.05), inset 0 1px 0 rgba(255,255,255,.2), inset 0 -1px 0 rgba(255,255,255,.1);
    transition: background-color .3s, background-color .3s, border .3s, color .3s;
}
a.shortcode.button:hover{
    text-decoration:none;
    background-color:#fff;
}
/* button colors */
a.shortcode.button.yellow{
    border-color:#f2bd00;
    background-color:#ffe20b;
    color:#000 !important;
}
a.shortcode.button.yellow:hover{
    background-color:#fff21e;
}
a.shortcode.button.yellow.outline,
a.shortcode.button.yellow.outline:hover{
    color:#ffe20b !important;
    border-color:#ffe20b;
}
a.shortcode.button.yellow.outline:hover{
    color:#000 !important;
    background-color:#ffe20b;
}
a.shortcode.button.orange{
    border-color:#b57400;
    background-color:#f9800f;
    color:#fff !important;
    text-shadow:0 -1px 0 rgba(0,0,0,.1);
}
a.shortcode.button.orange:hover{
    background-color:#ff9a22;
}
a.shortcode.button.orange.outline,
a.shortcode.button.orange.outline:hover{
    color:#f9800f !important;
    border-color:#f9800f;
}
a.shortcode.button.orange.outline:hover{
    color:#fff !important;
    background-color:#f9800f;
}
a.shortcode.button.blue{
    border-color:#0087b5;
    background-color:#49b3fc;
    color:#fff !important;
    text-shadow:0 -1px 0 rgba(0,0,0,.1);
}
a.shortcode.button.blue:hover{
    background-color:#76c7ff;
}
a.shortcode.button.blue.outline,
a.shortcode.button.blue.outline:hover{
    color:#49b3fc !important;
    border-color:#49b3fc;
}
a.shortcode.button.blue.outline:hover{
    color:#fff !important;
    background-color:#49b3fc;
}
a.shortcode.button.green{
    border-color:#5a881d;
    background-color:#76ab3b;
    color:#fff !important;
    text-shadow:0 -1px 0 rgba(0,0,0,.1);
}
a.shortcode.button.green:hover{
    background-color:#90c356;
}
a.shortcode.button.green.outline,
a.shortcode.button.green.outline:hover{
    color:#76ab3b !important;
    border-color:#76ab3b;
}
a.shortcode.button.green.outline:hover{
    color:#fff !important;
    background-color:#76ab3b;
}
a.shortcode.button.red{
    border-color:#b00704;
    background-color:#e41d24;
    color:#fff !important;
    text-shadow:0 -1px 0 rgba(0,0,0,.1);
}
a.shortcode.button.red:hover{
    background-color:#fb4e55;
}
a.shortcode.button.red.outline,
a.shortcode.button.red.outline:hover{
    color:#e41d24 !important;
    border-color:#e41d24;
}
a.shortcode.button.red.outline:hover{
    color:#fff !important;
    background-color:#e41d24;
}
a.shortcode.button.black{
    border-color:#000;
    background-color:#111;
    color:#fff !important;
    text-shadow:0 -1px 0 rgba(0,0,0,.8);
}
a.shortcode.button.black:hover{
    background-color:#000;
}
a.shortcode.button.black.outline,
a.shortcode.button.black.outline:hover{
    color:#000 !important;
    border-color:#000;
}
a.shortcode.button.black.outline:hover{
    color:#fff !important;
    background-color:#000;
}
a.shortcode.button.purple{
    border-color:#400a5c;
    background-color:#7933ac;
    color:#fff !important;
    text-shadow:0 -1px 0 rgba(0,0,0,.6);
}
a.shortcode.button.purple:hover{
    background-color:#9655c6;
}
a.shortcode.button.purple.outline,
a.shortcode.button.purple.outline:hover{
    color:#7933ac !important;
    border-color:#7933ac;
}
a.shortcode.button.purple.outline:hover{
    color:#fff !important;
    background-color:#7933ac;
}
a.shortcode.button.gray{
    border-color:#767676;
    background-color:#888;
    color:#fff !important;
    text-shadow:0 -1px 0 rgba(0,0,0,.1);
}
a.shortcode.button.gray:hover{
    background-color:#adadad;
}
a.shortcode.button.gray.outline,
a.shortcode.button.gray.outline:hover{
    color:#888 !important;
    border-color:#888;
}
a.shortcode.button.gray.outline:hover{
    color:#fff !important;
    background-color:#888;
}
/* light color */
a.shortcode.button.white,
a.shortcode.button.white:hover{
    color:#000 !important;
    border-color:#eee;
    background-color:#fff;
}
a.shortcode.button.white.outline,
a.shortcode.button.white.outline:hover{
    color:#fff !important;
    border-color:#fff;
}
a.shortcode.button.white.outline:hover{
    color:#000 !important;
    background-color:#fff;
}
a.shortcode.button.light-yellow{
    border-color:#d5d28a;
    background-color:#fef8a5;
}
a.shortcode.button.light-yellow:hover{
    background-color:#fefcdf;
}
a.shortcode.button.light-yellow.outline,
a.shortcode.button.light-yellow.outline:hover{
    color:#fef8a5 !important;
    border-color:#fef8a5;
}
a.shortcode.button.light-yellow.outline:hover{
    color:#000 !important;
    background-color:#fef8a5;
}
a.shortcode.button.light-blue{
    border-color:#a4cad9;
    background-color:#c5efff;
}
a.shortcode.button.light-blue:hover{
    background-color:#e9f9ff;
}
a.shortcode.button.light-blue.outline,
a.shortcode.button.light-blue.outline:hover{
    color:#c5efff !important;
    border-color:#c5efff;
}
a.shortcode.button.light-blue.outline:hover{
    color:#000 !important;
    background-color:#c5efff;
}
a.shortcode.button.light-green{
    border-color:#bed49a;
    background-color:#ebf8d6;
}
a.shortcode.button.light-green:hover{
    background-color:#f9fff0;
}
a.shortcode.button.light-green.outline,
a.shortcode.button.light-green.outline:hover{
    color:#ebf8d6 !important;
    border-color:#ebf8d6;
}
a.shortcode.button.light-green.outline:hover{
    color:#000 !important;
    background-color:#ebf8d6;
}
a.shortcode.button.pink{
    border-color:#e6adc6;
    background-color:#facde1;
}
a.shortcode.button.pink:hover{
    background-color:#fdecf3;
}
a.shortcode.button.pink.outline,
a.shortcode.button.pink.outline:hover{
    color:#facde1 !important;
    border-color:#facde1;
}
a.shortcode.button.pink.outline:hover{
    color:#000 !important;
    background-color:#facde1;
}
a.shortcode.button.lavender{
    border-color:#ccb7e1;
    background-color:#ecd9ff;
}
a.shortcode.button.lavender:hover{
    background-color:#f7f0fe;
}
a.shortcode.button.lavender.outline,
a.shortcode.button.lavender.outline:hover{
    color:#ecd9ff !important;
    border-color:#ecd9ff;
}
a.shortcode.button.lavender.outline:hover{
    color:#000 !important;
    background-color:#ecd9ff;
}
/* gradient */
a.shortcode.button.gradient{
    background-image:linear-gradient(to bottom,  rgba(255,255,255,0.35) 0%,rgba(170,170,170,0.15) 66%,rgba(0,0,0,0.05) 100%);
}
/* flat */
a.shortcode.button.flat{
    background-image:none;
    box-shadow:none;
    border:none;
    text-shadow:none;
}
/* outline */
a.shortcode.button.outline{
    border-style:solid;
    border-width:1px;
    color:inherit;
}
a.shortcode.button.outline,
a.shortcode.button.outline:hover{
    background:none;
    box-shadow:none;
    text-shadow:none;
}
/* button size */
a.shortcode.button.small{
    font-size:80%;
    font-weight:normal;
}
a.shortcode.button.large{
    font-size:120%;
    font-weight:bold;
}
a.shortcode.button.xlarge{
    font-size:150%;
    font-weight:bold;
}
@media screen and (max-width:600px){
    a.shortcode.button.large{
        font-size:115%;
        font-weight:bold;
    }
    a.shortcode.button.xlarge{
        font-size:125%;
    }
}
/* button shape */
a.shortcode.button.rect{
    border-radius:0;
}
a.shortcode.button.rounded{
    border-radius:20em;
}
/* button embossed */
a.shortcode.button.embossed{
    box-shadow:inset 0 1px 0 rgba(255,255,255,.5), inset 0 -2px 0 rgba(0,0,0,.2), inset 0 -3px 0 rgba(255,255,255,.2);
}
a.shortcode.button.embossed.small,
a.shortcode.button.small.embossed{
    box-shadow:inset 0 -1px 0 rgba(0,0,0,.2), inset 0 -2px 0 rgba(255,255,255,.2);
}
a.shortcode.button.embossed.large,
a.shortcode.button.large.embossed{
    box-shadow:inset 0 1px 0 rgba(255,255,255,.5), inset 0 -3px 0 rgba(0,0,0,.2), inset 0 -4px 0 rgba(255,255,255,.2);
}
a.shortcode.button.embossed.xlarge,
a.shortcode.button.xlarge.embossed{
    box-shadow:inset 0 1px 0 rgba(255,255,255,.5), inset 0 -3px 0 rgba(0,0,0,.2), inset 0 -5px 0 rgba(255,255,255,.2);
}
a.shortcode.button.block{
    display:block;
    text-align:center;
}
/* button icon */
a.shortcode.button[class^="fa-"]:before,
a.shortcode.button[class*=" fa-"]:before{
    width:1em;
    background:none;
    font-size:inherit;
    text-align:center;
    margin:0 .5em 0 -.5em;
}
/* button active */
.shortcode.button:active{
    position:relative;
    top:1px;
}
/************************************************************************************
HR
*************************************************************************************/
.shortcode.hr{
    height:1px;
    border:none;
    border-top:solid 1px #ccc;
    clear:both;
}
.shortcode.hr.red{
    border-color:#F30;
}
.shortcode.hr.blue{
    border-color:#69F;
}
.shortcode.hr.pink{
    border-color:#F9C;
}
.shortcode.hr.light-gray{
    border-color:#ddd;
}
.shortcode.hr.dark-gray{
    border-color:#999;
}
.shortcode.hr.black{
    border-color:#000;
}
.shortcode.hr.yellow{
    border-color:#FF0;
}
.shortcode.hr.orange{
    border-color:#F90;
}
.shortcode.hr.white{
    border-color:#fff;
}
/************************************************************************************
GRID
*************************************************************************************/
.shortcode.col4-1,
.shortcode.col4-2,
.shortcode.col4-3,
.shortcode.col3-1,
.shortcode.col3-2,
.shortcode.col2-1{
    margin-left:3.2%;
    float:left;
}
.shortcode.col4-1{
    width:22.6%;
}
.shortcode.col4-2,
.shortcode.col2-1{
    width:48.4%;
}
.shortcode.col4-3{
    width:74.2%;
}
.shortcode.col3-1{
    width:31.2%;
}
.shortcode.col3-2{
    width:65.6%;
}
.shortcode.col.first,
.shortcode.col4-1.first,
.shortcode.col4-2.first,
.shortcode.col4-3.first,
.shortcode.col3-1.first,
.shortcode.col3-2.first,
.shortcode.col2-1.first{
    margin-left:0;
    clear:left;
}
div.shortcode[class*="col"] + *:not([class*="col"]){
    clear:left;
}
/************************************************************************************
QUOTE
*************************************************************************************/
.shortcode.quote{
    font-size:1.1em;
    line-height:1.4em;
    padding:.8em 2em 1em;
    margin:0 0 1.2em;
    position:relative;
}
.shortcode.quote:before{
    content:'\201C';
    font-size:3.3em;
    position:absolute;
    margin-left:-.7em;
    margin-top:.2em;
}
/************************************************************************************
SHORTCODE BOX
*************************************************************************************/
.shortcode.box{
    background:#f6f6f6;
    border:solid 1px #ddd;
    padding:.5em 1em;
    margin:0 0 15px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
}
/* box color */
.shortcode.box.blue{
    background:#3cafff;
    border-color:#2786cf;
    color:#fff !important;
}
.shortcode.box.green{
    background:#78ac3e;
    border-color:#5e8127;
    color:#fff !important;
}
.shortcode.box.red{
    background:#ed1c24;
    border-color:#b81e14;
    color:#fff !important;
}
.shortcode.box.purple{
    background:#722ea4;
    border-color:#471e72;
    color:#fff !important;
}
.shortcode.box.yellow{
    background:#fff200;
    border-color:#ffd200;
}
.shortcode.box.orange{
    background:#f7941d;
    border-color:#c56102;
    color:#fff !important;
}
.shortcode.box.light-yellow{
    background:#fffcd3;
    border-color:#dedba3;
}
.shortcode.box.light-blue{
    background:#d9f4fe;
    border-color:#a4cfe0;
}
.shortcode.box.lavender{
    background:#f2e6fe;
    border-color:#d1bae9;
}
.shortcode.box.pink{
    background:#ffe6f1;
    border-color:#f0b6cf;
}
.shortcode.box.light-green{
    background:#edf6df;
    border-color:#b8cd97;
}
.shortcode.box.gray{
    background:#9e9e9e;
    border-color:#858585;
    color:#fff !important;
}
.shortcode.box.black{
    background:#111;
    border-color:#000;
    color:#fff !important;
}
/* box link */
.shortcode.box.purple a,
.shortcode.box.orange a,
.shortcode.box.green a,
.shortcode.box.blue a,
.shortcode.box.black a,
.shortcode.box.gray a,
.shortcode.box.red a{
    color:#fff !important;
}
/* box rounded */
.shortcode.box.rounded{
    border-radius:.5em;
}
/* box shadow */
.shortcode.box.shadow{
    box-shadow:0 1px 1px rgba(0,0,0,.1);
}
/* box icon */
.shortcode.box.announcement:before{
    content:'\e64f';
}
.shortcode.box.comment:before{
    content:'\e644';
}
.shortcode.box.question:before{
    content:'\e69c';
}
.shortcode.box.upload:before{
    content:'\e66b';
}
.shortcode.box.download:before{
    content:'\e6a7';
}
.shortcode.box.highlight:before{
    content:'\e695';
}
.shortcode.box.map:before{
    content:'\e693';
}
.shortcode.box.warning:before{
    content:'\e6c5';
}
.shortcode.box.info:before{
    content:'\e697';
}
.shortcode.box.note:before{
    content:'\e61c';
}
.shortcode.box.contact:before{
    content:'\e75a';
}
.shortcode.box.announcement:before,
.shortcode.box.comment:before,
.shortcode.box.question:before,
.shortcode.box.upload:before,
.shortcode.box.download:before,
.shortcode.box.highlight:before,
.shortcode.box.map:before,
.shortcode.box.warning:before,
.shortcode.box.info:before,
.shortcode.box.note:before,
.shortcode.box.contact:before {
    width:1em;
    float:left;
    background:none;
    font-size:3em;
    text-align:center;
    margin:5px 20px 5px 0;
    font-family:themify;
    line-height:1em;
    font-style:normal;
    font-weight:normal;
}
/* box heading */
.shortcode.box h1,
.shortcode.box h2,
.shortcode.box h3,
.shortcode.box h4,
.shortcode.box h5,
.shortcode.box h6{
    margin:.1em 0 .3em;
}
/************************************************************************************
AUTHOR BOX
*************************************************************************************/
.shortcode.author-box{
    margin:1em 0;
}
.shortcode.author-box p{
    margin:0 0 .5em;
}
.shortcode.author-box .author-avatar{
    float:left;
    margin:0 1em .5em 0;
    position:static;
}
.shortcode.author-box .author-avatar img{
    border-radius:5px;
}
.shortcode.author-box .author-name{
    margin:.1em 0 .4em;
}
.shortcode.author-box .author-bio{
    overflow:hidden;
    margin:0;
}
/* author box color */
.shortcode.author-box.blue{
    background:#3cafff;
    border-color:#2786cf;
}
.shortcode.author-box.green{
    background:#78ac3e;
    border-color:#5e8127;
}
.shortcode.author-box.red{
    background:#ed1c24;
    border-color:#b81e14;
}
.shortcode.author-box.purple{
    background:#722ea4;
    border-color:#471e72;
}
.shortcode.author-box.yellow{
    background:#fff200;
    border-color:#ffd200;
}
.shortcode.author-box.orange{
    background:#f7941d;
    border-color:#c56102;
}
.shortcode.author-box.light-yellow{
    background:#fffcd3;
    border-color:#dedba3;
}
.shortcode.author-box.light-blue{
    background:#d9f4fe;
    border-color:#a4cfe0;
}
.shortcode.author-box.lavender{
    background:#f2e6fe;
    border-color:#d1bae9;
}
.shortcode.author-box.pink{
    background:#ffe6f1;
    border-color:#f0b6cf;
}
.shortcode.author-box.light-green{
    background:#edf6df;
    border-color:#b8cd97;
}
.shortcode.author-box.gray{
    background:#9e9e9e;
    border-color:#858585;
}
.shortcode.author-box.black{
    background:#111;
    border-color:#000;
}
/* light box color */
.shortcode.author-box.green,
.shortcode.author-box.yellow,
.shortcode.author-box.light-yellow,
.shortcode.author-box.light-blue,
.shortcode.author-box.lavender,
.shortcode.author-box.pink,
.shortcode.author-box.light-green{
    color:#333 !important;
    padding:1em;
}
/* dark box color */
.shortcode.author-box.blue,
.shortcode.author-box.red,
.shortcode.author-box.purple,
.shortcode.author-box.orange,
.shortcode.author-box.gray,
.shortcode.author-box.black{
    color:#fff !important;
    padding:1em;
}
/* author box link */
.shortcode.author-box.purple a,
.shortcode.author-box.orange a,
.shortcode.author-box.green a,
.shortcode.author-box.blue a,
.shortcode.author-box.black a,
.shortcode.author-box.gray a,
.shortcode.author-box.red a{
    color:#fff !important;
}
.shortcode.author-box.yellow a,
.shortcode.author-box.light-yellow a,
.shortcode.author-box.light-blue a,
.shortcode.author-box.lavender a,
.shortcode.author-box.pink a,
.shortcode.author-box.light-green a{
    color:#000 !important;
}
/* author box rounded */
.shortcode.author-box.rounded{
    border-radius:8px;
}

/* author box shadow */
.shortcode.author-box.shadow{
    box-shadow:0 1px 1px rgba(0,0,0,.1);
}
/************************************************************************************
FLICKR
*************************************************************************************/
.shortcode .flickr_badge_image{
    margin:.7em 0;
}
.shortcode .flickr_badge_image img{
    margin-right:.7em;
    margin-bottom:.7em;
    float:left;
}
/************************************************************************************
MAP
*************************************************************************************/
.shortcode.map .map-container{
    margin:0 0 1em;
    border:solid 1px #ccc;
}
/************************************************************************************
SLIDER
*************************************************************************************/
.shortcode.slider,
.shortcode.post-slider{
    height:0; /* height will be toggled by JS */
    visibility:hidden;
    overflow:hidden;
    margin:0;
    padding:0;
    display:block; /* required for plugin compatibility */
}
/* slider post */
.shortcode.slider .post,
.shortcode.post-slider .post{
    margin:0;
    padding:0;
    text-align:center;
}
/* slides base h1,h2,h3,h4,h5,h6 */
.shortcode.post-slider h1,
.shortcode.slider h1,
.shortcode.post-slider h2,
.shortcode.slider h2,
.shortcode.post-slider h3,
.shortcode.slider h3,
.shortcode.post-slider h4,
.shortcode.slider h4,
.shortcode.post-slider h5,
.shortcode.slider h5,
.shortcode.post-slider h6,
.shortcode.slider h6{
    margin:0 0 .4em;
}
/* slides post image */
.shortcode.post-slider .post-image{
    margin:0 0 .8em;
    padding:0;
    float:none;
    text-align:center;
    max-width:100%;
    width:auto;
}
/* slides post title */
.shortcode.post-slider .post-title{
    margin:0 0 .4em;
    padding:0;
    font-size:115%;
}
/* slides post content */
.shortcode.post-slider .post-content{
    font-size:95%;
    width:auto;
    max-width:100%;
}
/*
CAROUSEL STYLES
================================================ */
.shortcode.post-slider .carousel-wrap,
.shortcode.slider .carousel-wrap{
    position:relative;
    margin-bottom:.8em;
    padding:0;
}
/* base slides */
.shortcode.post-slider .slides,
.shortcode.slider .slides{
    margin:0;
    padding:0;
    height:auto;
}
.shortcode.post-slider .slides > li,
.shortcode.slider .slides > li{
    list-style:none !important;
    margin:0 10px 0 0;
    padding:0;
    width:auto;
    height:auto !important;
    float:left;
    text-align:center;
    clear:none;
}
.slider.shortcode .post{
    animation-name:inherit !important;
}
.shortcode.post-slider .post-video,
.shortcode.slider .post-video{
    padding-top:0;
}
/* slider-nav */
.shortcode.post-slider .carousel-nav-wrap,
.shortcode.slider .carousel-nav-wrap{
    text-align:center;
    margin:1em auto .7em;
    border:none;
    width:auto !important;
}
.shortcode.post-slider .carousel-prev,
.shortcode.slider .carousel-prev,
.shortcode.post-slider .carousel-next,
.shortcode.slider .carousel-next{
    position:static;
    display:inline-block !important;
    font:26px/100% Arial, Helvetica, sans-serif;
    color:inherit;
    line-height:100%;
    text-indent:0;
    text-decoration:none;
    text-align:center;
    vertical-align:middle;
    height:26px;
    width:26px;
    overflow:hidden;
    padding:1px 5px 0;
    box-sizing:border-box;
}
.shortcode.post-slider .carousel-nav-wrap .carousel-prev:before,
.shortcode.post-slider .carousel-nav-wrap .carousel-next:before,
.shortcode.slider .carousel-nav-wrap .carousel-prev:before,
.shortcode.slider .carousel-nav-wrap .carousel-next:before{
    content:'';
    display:inline-block;
    width:16px;
    height:16px;
    border:1px solid transparent;
    border-bottom-color:inherit;
    border-right-color:inherit;
    transform:rotateZ(135deg);
}
.shortcode.post-slider .carousel-nav-wrap .carousel-next:before,
.shortcode.slider .carousel-nav-wrap .carousel-next:before{
    transform:rotateZ(-45deg);
}
/* carousel nav disabled */
.shortcode.post-slider .carousel-nav-wrap .disabled,
.shortcode.slider .carousel-nav-wrap .disabled,
.shortcode.post-slider .carousel-nav-wrap .disabled,
.shortcode.slider .carousel-nav-wrap .disabled{
    opacity:6;
    cursor:default;
}
/* carousel pager */
.shortcode.post-slider .carousel-pager,
.shortcode.slider .carousel-pager{
    clear:both;
    text-align:center;
    display:inline-block;
    vertical-align:middle;
    line-height:100%;
    width:auto;
    margin-left:.3em;
}
.shortcode.post-slider .carousel-pager a,
.shortcode.slider .carousel-pager a{
    line-height:100%;
    display:inline-block;
    vertical-align:middle;
    margin:0 2px;
    cursor:pointer;
    color:inherit;
    overflow:hidden;
    outline:none;
    position:relative;
    width:10px;
    height:10px;
    border-radius:100%;
    box-sizing:border-box;
    border:1px solid;
    transition:all .3s ease-in-out;
}
.shortcode.post-slider .carousel-pager a span,
.shortcode.slider .carousel-pager a span{
    display:none; /* hide pagination number text */
}
.shortcode.post-slider .carousel-pager a:hover,
.shortcode.slider .carousel-pager a:hover,
.shortcode.post-slider .carousel-pager a.selected,
.shortcode.slider .carousel-pager a.selected{
    border-width:5px;
}
/* slider effect */
.shortcode.slider.effect-fade .caroufredsel_wrapper,
.shortcode.post-slider.effect-fade .caroufredsel_wrapper{
    transition:height .5s ease-in-out;
}
/* RTL SUPPORT */
.rtl .shortcode.post-slider .carousel-nav-wrap .carousel-prev,
.rtl .shortcode.slider .carousel-nav-wrap .carousel-prev,
.rtl .shortcode.post-slider .carousel-nav-wrap .carousel-next,
.rtl .shortcode.slider .carousel-nav-wrap .carousel-next,
.rtl .module-slider .carousel-nav-wrap .carousel-prev,
.rtl .module-slider .carousel-nav-wrap .carousel-next{
    transform:rotateY(180deg);
}
/************************************************************************************
TWITTER SHORTCODE
*************************************************************************************/
.shortcode.twitter-list{
    margin:0 0 1.3em;
}
.shortcode.twitter-list ul{
    margin:0;
    padding:0;
}
.shortcode.twitter-list li{
    margin:0 0 1em;
    padding:0;
    list-style:none;
}
.shortcode.twitter-list .twitter-timestamp a{
    font-size:85%;
    color:inherit;
    text-decoration:none;
}
.shortcode.twitter-list .follow-user{
    margin:0;
    padding:.2em 0;
}
/************************************************************************************
ICON FONT SHORTCODE
*************************************************************************************/
.shortcode.themify-icon{
    display:inline-block;
}
.themify-icon-link{
    text-decoration:none !important;
    border:none !important;
}
/* label */
.shortcode.themify-icon .themify-icon-label{
    display:inline-block;
    vertical-align:middle;
    margin-left:.3em;
    margin-right:.6em;
}
.shortcode.themify-icon .themify-icon-link:hover .themify-icon-label{
    text-decoration:underline;
}
/* icon */
.shortcode.themify-icon .themify-icon-icon{
    display:inline-block;
    vertical-align:middle;
    width:1em;
    height:1em;
    padding:.5em;
    font-size:16px;
    border-radius:100%;
    box-sizing:content-box;
    position:relative;
}
.shortcode.themify-icon .themify-icon-icon::before{
    margin:0;
    padding:0;
    position:absolute;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
}
/* size */
.shortcode.themify-icon.small .themify-icon-icon{
    font-size:12px;
}
.shortcode.themify-icon.large .themify-icon-icon{
    font-size:24px;
}
.shortcode.themify-icon.large .themify-icon-label{
    font-size:1.2em;
}
.shortcode.themify-icon.xlarge .themify-icon-icon{
    width:58px;
    height:58px;
    padding:0;
    font-size:36px;
}
.shortcode.themify-icon.xlarge .themify-icon-label{
    font-size:1.2em;
}
/* style */
.shortcode.themify-icon.rounded .themify-icon-icon{
    border-radius:5px;
}
.shortcode.themify-icon.squared .themify-icon-icon{
    border-radius:0;
}
/************************************************************************************
ICON LIST SHORTCODE
*************************************************************************************/
.shortcode.themify-list ul{
    margin-left:1.6em;
}
.shortcode.themify-list li{
    list-style:none;
    position:relative;
    padding:0;
    margin-top:0;
    line-height:1em; /* aligns the icon with the first line of text */
}
.shortcode.themify-list li .themify-icon i{
    font-size:1em;
}
.shortcode.themify-list li .themify-icon{
    position:absolute;
    top:-.5em; /* same size as .themify-icon-icon padding */
    left:-2em;
}
.rtl .shortcode.themify-list ul{
    margin-left:0;
    margin-right:1.6em;
}
.rtl .shortcode.themify-list li .themify-icon{
    left:auto;
    right:-2em;
}
/************************************************************************************
ICON FONT
*************************************************************************************/
a.shortcode.button[class^="fa-"]:before,
a.shortcode.button[class*=" fa-"]:before,
.shortcode.box[class^="fa-"]:before,
.shortcode.box[class*=" fa-"]:before{
    font-family:FontAwesome;
    line-height:1em;
    font-style:normal;
    font-weight:normal;
    display:inline-block;
}
@media screen and (max-width:680px){
    /*	GRID */
    .shortcode.col4-1,
    .shortcode.col4-2,
    .shortcode.col4-3,
    .shortcode.col3-1,
    .shortcode.col3-2,
    .shortcode.col2-1{
        margin-left:0;
        width:100%;
        max-width:100%;
    }
}

Back to File Manager