/* ======================================================
# Support Hours - Joomla! Module v1.3.2 (FREE version)
# -------------------------------------------------------
# For Joomla! 3.x
# Author: Yiannis Christodoulou (yiannis@web357.eu)
# Copyright (©) 2009-2016 Web357. All rights reserved.
# License: GNU/GPLv3, http://www.gnu.org/licenses/gpl-3.0.html
# Website: https://www.web357.eu/
# Demo: http://demo.web357.eu/?item=supporthours
# Support: support@web357.eu
# Last modified: 08 Dec 2016, 09:02:09
========================================================= */

/* ===================== Style for LAYOUT-1 ===================== */
/* load Google fonts */
@import url(https://fonts.googleapis.com/css?family=Montserrat:,400,700);

.mod_sh_layout_1 {
	font-family: 'Montserrat', Arial, serif; 
	font-weight: 400;
	background-color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	position: relative;
	letter-spacing: 1px;
	margin-bottom: 20px;
	border: 1pt solid #E6E6E6;
}

/* rounded image */
.mod_sh_layout_1 .mod_sh_img {
	position: absolute;
	top: -34px;
	margin-left: -34px;
	left: 50%;	
}
.mod_sh_layout_1 .mod_sh_img img {	
	width: 68px;
	height: 68px;
	border: 1px solid #767676;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

/* headings & status*/
.mod_sh_layout_1 .mod_sh_heading {
	color: #343434;
	font-size: 14px;
	font-weight: 700;
	line-height: 17px;
	text-transform: uppercase;
	margin-bottom: 11px;
}
.mod_sh_layout_1 .mod_sh_subheading {
	color: #a1a1a1;
	font-size: 13px;
	line-height: 16px;
	text-transform: uppercase;
	margin-bottom: 18px;
}
.mod_sh_layout_1 .mod_sh_status {
	text-transform: uppercase;	
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 2.5px;
	line-height: 20px;
	margin-bottom: 33px;
}
.mod_sh_layout_1 .mod_sh_status .mod_sh_status_available {
	color: #7d9c56;
}
.mod_sh_layout_1 .mod_sh_status .mod_sh_status_offline {
	color: #a31304;
}

/* official support hours */
.mod_sh_layout_1 .mod_sh_official_support_hours_lbl {
	color: #343434;
	font-size: 14px;
	line-height: 17px;
	margin-bottom: 11px;
}
.mod_sh_layout_1 .mod_sh_official_support_hours_value {
	color: #343434;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	margin-bottom: 23px;
}
.mod_sh_layout_1 .mod_sh_official_support_hours_value .mod_sh_today_open_close {
	text-transform: lowercase;
}
.mod_sh_layout_1 .mod_sh_gmt {
	color: #ccc;
    font-size: 10px;
    font-weight: 300;
    padding-top: 5px;
    display: block;
}

/* links */
.mod_sh_layout_1 .mod_sh_links {
	width: 85%;
	margin: 0 auto 21px auto;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	padding: 9px 0;
	position: relative;
	overflow: hidden;
	text-align: left;

}
.mod_sh_layout_1 .mod_sh_links a {
	text-decoration: none;
	color: #343434;
	font-size: 12px;
	line-height: 13px;
	letter-spacing: 0.5px;
}
.mod_sh_layout_1 .mod_sh_links a:hover {
	text-decoration: none;
}
.mod_sh_layout_1 .mod_sh_links_available a:hover {
	color: #29e196;
}
.mod_sh_layout_1 .mod_sh_links_offline a:hover {
	color: #D04324;
}
.mod_sh_layout_1 .mod_sh_links .mod_sh_link_separator {
    position: absolute;
    left: 50%;
    top: 5px;
    bottom: 5px;
    border-left: 1px solid #e6e6e6;
}
.mod_sh_layout_1 .mod_sh_links_available .mod_sh_left_link {
	float: left;
	width: 50%;
}
.mod_sh_layout_1 .mod_sh_links_available .mod_sh_left_link_inner {
	text-align: center;
}
.mod_sh_layout_1 .mod_sh_links_available .mod_sh_left_link_inner a {
	background: transparent url("icons/phone-icon.png") no-repeat left center;
	padding-left: 20px;
}

.mod_sh_layout_1 .mod_sh_links_available .mod_sh_right_link {
	float: right;
	width: 50%;
}
.mod_sh_layout_1 .mod_sh_links_available .mod_sh_right_link_inner {
	text-align: center;
}
.mod_sh_layout_1 .mod_sh_links_available .mod_sh_right_link_inner a {
	background: transparent url("icons/chat-icon.png") no-repeat left center;
	padding-left: 20px;
}

.mod_sh_layout_1 .mod_sh_links_offline .mod_sh_left_link {
	float: left;
	width: 50%;
}
.mod_sh_layout_1 .mod_sh_links_offline .mod_sh_left_link_inner {
	text-align: center;
}
.mod_sh_layout_1 .mod_sh_links_offline .mod_sh_left_link_inner a {
	background: transparent url("icons/email-icon.png") no-repeat left center;
	padding-left: 20px;
}

.mod_sh_layout_1 .mod_sh_links_offline .mod_sh_right_link {
	float: right;
	width: 50%;
}
.mod_sh_layout_1 .mod_sh_links_offline .mod_sh_right_link_inner {
	text-align: center;
}
.mod_sh_layout_1 .mod_sh_links_offline .mod_sh_right_link_inner a {
	background: transparent url("icons/email-icon.png") no-repeat left center;
	padding-left: 20px;
}

/* your & our time */
.mod_sh_layout_1 .mod_sh_datetime {}

/* your time */
.mod_sh_layout_1 .mod_sh_datetime .mod_sh_your_time { 
	overflow: hidden;
	width: 85%;
	margin: 0 auto 9px auto;
}
.mod_sh_layout_1 .mod_sh_datetime .mod_sh_your_time .mod_sh_your_time_lbl { 
	float: left;
	text-transform: uppercase;
}
.mod_sh_layout_1 .mod_sh_datetime .mod_sh_your_time .mod_sh_your_time_value {
	float: right;
	text-transform: capitalize;
}

/* our time */
.mod_sh_layout_1 .mod_sh_datetime .mod_sh_our_time {
	overflow: hidden;
	width: 85%;
	margin: 0 auto;
}
.mod_sh_layout_1 .mod_sh_datetime .mod_sh_our_time .mod_sh_our_time_lbl {
	float: left;
	text-transform: uppercase;
}
.mod_sh_layout_1 .mod_sh_datetime .mod_sh_our_time .mod_sh_our_time_value {
	float: right;
	text-transform: capitalize;
}
.mod_sh_layout_1 .mod_sh_pmam {
	text-transform: lowercase;
}

/* copyright message */
.mod_sh_layout_1 .w357_copyright_msg { 
	display: block;
	top: 15px;
	position: relative;
	text-align: center; 
}
.mod_sh_layout_1 .w357_copyright_msg a { 
	font-size: 10px;
	font-weight: 300;
	letter-spacing: 0.5px;
	color: #ccc; 
	text-decoration: none;
}
.mod_sh_layout_1 .w357_copyright_msg a:hover {
	text-decoration: underline;
}