/*--------------------------------------------------------------
# Copyright (C) joomla-monster.com
# License: http://www.joomla-monster.com/license.html Joomla-Monster Proprietary Use License
# Website: http://www.joomla-monster.com
# Support: info@joomla-monster.com
---------------------------------------------------------------*/

/* ==========================================================================
   EDITOR styles
   ========================================================================== */

/** custom html **/

.jm-icon {
    text-align: center;
    margin: 10px 0 20px;
}

.jm-icon a {
    display: inline-block;
}

.jm-icon a img {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.jm-custom-title {
    font-size: 71px;
    font-weight: 800;
    font-style: italic;
    text-align: center;
    line-height: 1.5em;
}

.jm-custom-subtitle {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    line-height: 1.65em;
}

/* special offer */
/* offer of the day */

.jm-special .td1 {
    float: left;
    width: 35%;
}

.jm-special .td2 {
    float: left;
    width: 45%;
}

.jm-special .title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
    color: #888;
    margin: 0 0 10px; 
}

.jm-special .category {
    display: block;
    color: #888!important;
    margin: 0 0 20px;
    text-decoration: none;
}

.jm-special .td3 {
    float: left;
    text-align: right;
    width: 20%;
    font-weight: 600;
    font-size: 25px;
    color: #372f2b;
    padding: 20px 0 0;
}

/* slider top-mod1/footer */

.jm-slider-custom .title {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 31px;
    color: #372f2b;
    margin: 0;
    white-space: normal;
}

.jm-slider-custom .category {
    display: block;
    color: #888!important;
    margin: 0 0 15px;
    text-decoration: none;
    text-align: center!important;
}

.jm-slider-custom .price {
    font-weight: 600;
    font-size: 25px;
    color: #372f2b;
    padding: 25px;
    display: inline-block;
}

.jm-slider-custom .readmore2,
.jm-slider-custom .readmore3 {
    display: inline-block!important;
}

/** typography article **/

h3.jm-typo-title {
    border-bottom: 1px dotted #dddddd;
    padding-bottom: 10px;
    margin-bottom: 25px;
}

.jm-code {
    border-left: 5px solid #dddddd;
    padding: 10px;
    background: #e7e6e6;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/** social **/

.jm-social {
    text-align: center;
}

.jm-social-title {
    display: inline-block;
    padding: 0 80px 40px;
    position: relative;
    font-size: 45px;
    font-weight: 800;
}

.jm-social-title:before,
.jm-social-title:after {
    content: '';
    position: absolute;
    width: 60px;
    height: 2px;
    background: #5F5F5F;
    top: 14px;
}

.jm-bottom .jm-social-title:before,
.jm-bottom .jm-social-title:after,
.jm-footer .jm-social-title:before,
.jm-footer .jm-social-title:after {
    background: #fff;
}

.jm-social-title:before {
    left: 0;
}

.jm-social-title:after {
    right: 0; 
}
    
.jm-icons {
    display: inline-block;
    width: 100%;
}

.jm-icons a {
    display: inline-block;
    text-decoration: none!important;
    position: relative;
    margin: 5px 20px;
}

.jm-icons a.jm-facebook span.bg,
.jm-icons a.jm-google span.bg,
.jm-icons a.jm-twitter span.bg, 
.jm-icons a.jm-pinterest span.bg {
    width: 76px;
    height: 76px;
    display: inline-block;
}

.jm-icons a:hover span.bg {
    opacity: 0.5;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.jm-icons a.jm-facebook span.bg {
    background: url('../images/social/facebook.png');
}

.jm-icons a.jm-google span.bg {
    background: url('../images/social/googleplus.png');
}

.jm-icons a.jm-twitter span.bg {
    background: url('../images/social/twitter.png');
}

.jm-icons a.jm-pinterest span.bg {
    background: url('../images/social/pinterest.png');
}

.jm-bottom .jm-icons a.jm-facebook span.bg,
.jm-footer .jm-icons a.jm-facebook span.bg {
    background: url('../images/social/facebook-light.png');
}

.jm-bottom .jm-icons a.jm-google span.bg,
.jm-footer .jm-icons a.jm-google span.bg {
    background: url('../images/social/googleplus-light.png');
}

.jm-bottom .jm-icons a.jm-twitter span.bg,
.jm-footer .jm-icons a.jm-twitter span.bg {
    background: url('../images/social/twitter-light.png');
}

.jm-bottom .jm-icons a.jm-pinterest span.bg,
.jm-footer .jm-icons a.jm-pinterest span.bg {
    background: url('../images/social/pinterest-light.png');
}

.jm-icons a span.ttip {
    width: 150px;
    height: auto;
    line-height: 20px;
    padding: 20px 10px;
    left: 50%;
    margin-left: -85px;
    font-weight: 800;   
    font-size: 14px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    bottom: 120px;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    pointer-events: none;
}

.jm-icons a span.ttip:before,
.jm-icons a span.ttip:after{
    content: '';
    position: absolute;
    bottom: -7px;
    left: 50%;
    margin-left: -6px;    
    width: 0px;
    height: 0px;
    border-style: solid inset;
    border-width: 7px 7px 0 7px;
}

.jm-icons a:hover span.ttip {
    opacity: 1;
    bottom: 90px;
}

.jm-icons a.jm-facebook span.ttip {
    background: #4e67a9;
}

.jm-icons a.jm-facebook span.ttip:before,
.jm-icons a.jm-facebook span.ttip:after {
    border-color: #4e67a9 transparent transparent transparent;
}

.jm-icons a.jm-twitter span.ttip {
    background: #42c8f4;
}

.jm-icons a.jm-twitter span.ttip:before,
.jm-icons a.jm-twitter span.ttip:after {
    border-color: #42c8f4 transparent transparent transparent;
}

.jm-icons a.jm-google span.ttip {
    background: #dd4c39;
}

.jm-icons a.jm-google span.ttip:before,
.jm-icons a.jm-google span.ttip:after {
    border-color: #dd4c39 transparent transparent transparent;
}

.jm-icons a.jm-pinterest span.ttip {
    background: #cc2129;
}

.jm-icons a.jm-pinterest span.ttip:before,
.jm-icons a.jm-pinterest span.ttip:after {
    border-color: #cc2129 transparent transparent transparent;
}

/** quote blocks **/

.quote-left {
    display: block;
    font-style: italic;
    padding: 5px 5px 5px 45px;
    background: url("../images/quote-left.png") no-repeat left top;
    text-align: left;
}

.quote-right {
    display: block;
    font-style: italic;
    padding: 5px 45px 5px 5px;
    background: url("../images/quote-right.png") no-repeat right bottom;
    text-align: right;
}

/** image borders **/
	
.border_img1 {
    padding: 4px;
    background: #fff;
}

.border_img2 {
    background: #F2F2F2;
    border: 1px solid #E5E5E5;
    padding: 5px;
}

.border_img3 {
    border: 1px solid #DFDFDF;
    padding: 1px;
    background: #fff;
}

/** numered blocks **/

.jm-block {
    margin: 10px 0;
    padding: 0 0 0 60px;
    position: relative;
}

.jm-block span {
    background: #dddddd;
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    font-size: 18px;
}

.jm-block.second span {
    background: #2a2a2a;
    color: #fff;
}

/** colored blocks **/

p.blue {
    border-left: 3px solid #BCE8F1;
    padding: 0 0 0 10px;
}

p.green {
    border-left: 3px solid #D6E9C6;
    padding: 0 0 0 10px;
}

p.red {
    border-left: 3px solid #EED3D7;
    padding: 0 0 0 10px;
	color: inherit; /** inherit color from body, not from the "red" class **/
}

p.bluefill {
    background: #D9EDF7;
    border: 1px solid #BCE8F1;
    display: block;
    padding: 10px;
    text-align: justify;
    color: #3A87AD;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

p.greenfill {
    background: #DFF0D8;
    border: 1px solid #D6E9C6;
    display: block;
    padding: 10px;
    text-align: justify;
    color: #468847;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

p.redfill {
    background: #F2DEDE;
    border: 1px solid #EED3D7;
    display: block;
    padding: 10px;
    text-align: justify;
    color: #B94A48;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

/** icon blocks **/

p.badge {
    padding-left: 60px;
    background: url("../images/icons/badge.png") no-repeat left top;
    min-height: 40px;
    margin: 5px 0 15px;
}

p.calendar {
    padding-left: 60px;
    background: url("../images/icons/calendar.png") no-repeat left top;
    min-height: 40px;
    margin: 5px 0 15px;
}

p.chat {
    padding-left: 60px;
    background: url("../images/icons/chat.png") no-repeat left top;
    min-height: 40px;
    margin: 5px 0 15px;
}

p.check {
    padding-left: 60px;
    background: url("../images/icons/check.png") no-repeat left top;
    min-height: 40px;
    margin: 5px 0 15px;
}

p.cloud {
    padding-left: 60px;
    background: url("../images/icons/cloud.png") no-repeat left top;
    min-height: 40px;
    margin: 5px 0 15px;
}

p.direction {
    padding-left: 60px;
    background: url("../images/icons/direction.png") no-repeat left top;
    min-height: 40px;
    margin: 5px 0 15px;
}

p.divide {
    padding-left: 60px;
    background: url("../images/icons/divide.png") no-repeat left top;
    min-height: 40px;
    margin: 5px 0 15px;
}

p.error {
    padding-left: 60px;
    background: url("../images/icons/error.png") no-repeat left top;
    min-height: 40px;
    margin: 5px 0 15px;
}

p.fire {
    padding-left: 60px;
    background: url("../images/icons/fire.png") no-repeat left top;
    min-height: 40px;
    margin: 5px 0 15px;
}

p.flag {
    padding-left: 60px;
    background: url("../images/icons/flag.png") no-repeat left top;
    min-height: 40px;
    margin: 5px 0 15px;
}

p.heart {
    padding-left: 60px;
    background: url("../images/icons/heart.png") no-repeat left top;
    min-height: 40px;
    margin: 5px 0 15px;
}

p.home {
    padding-left: 60px;
    background: url("../images/icons/home.png") no-repeat left top;
    min-height: 40px;
    margin: 5px 0 15px;
}

p.info {
    padding-left: 60px;
    background: url("../images/icons/info.png") no-repeat left top;
    min-height: 40px;
    margin: 5px 0 15px;
}

p.list {
    padding-left: 60px;
    background: url("../images/icons/list.png") no-repeat left top;
    min-height: 40px;
    margin: 5px 0 15px;
}

p.mail {
    padding-left: 60px;
    background: url("../images/icons/mail.png") no-repeat left top;
    min-height: 40px;
    margin: 5px 0 15px;
}

p.people {
    padding-left: 60px;
    background: url("../images/icons/people.png") no-repeat left top;
    min-height: 40px;
    margin: 5px 0 15px;
}

p.star {
    padding-left: 60px;
    background: url("../images/icons/star.png") no-repeat left top;
    min-height: 40px;
    margin: 5px 0 15px;
}

p.stat {
    padding-left: 60px;
    background: url("../images/icons/stat.png") no-repeat left top;
    min-height: 40px;
    margin: 5px 0 15px;
}

/** ordered lists **/

ol.jm-roman,
ol.jm-roman ol {
    list-style-type: upper-roman;
}

ol.jm-alpha,
ol.jm-alpha ol {
    list-style-type: lower-alpha;
}