/* UNIVERSAL STYLING TO HELP WITH TEMPLATER LAYOUTS - CAN BE OVERWRITTEN IF THE DESIGN REQUIRES IN /THEME/TEMPLATE.CSS */


.ssw {}
.ssw_logo {min-height:24px;}

h1, h2, h3, h4, h5, h6, p, li, blockquote  {margin-top:0px;}

.site-title {font-size: 2em;}
.ssw_contact ul,
.ssw_social ul,
.ssw_nav ul {margin:0px; padding:0px; list-style:none;}

.mobile .ssw_nav ul {display: none;}
.mobile #user_site .ssw_nav ul {display: block;}

.ssw_contact ul li,
.ssw_social ul li  {display:inline-block; padding:0px; margin:0px;}

.ssw_nav {margin-bottom: 8px; clear: both;}

.ssw_nav ul li,
.ssw nav a#pull {display:block; padding:6px 0px; margin:0px; text-align: center;}
.ssw_nav ul li {border-bottom: solid 1px rgba(170, 170, 170, 0.3); background: rgba(170,170,170,0.1);}
.ssw nav a#pull {border-top: solid 1px rgba(170, 170, 170, 0.3); border-bottom: solid 1px rgba(170, 170, 170, 0.3); background: rgba(170,170,170,0.3);}

.ssw nav a#pull span,
.ssw nav a#pull span:before,
.ssw nav a#pull span:after {display: block; height: 3px; background-color: rgba(170,170,170,0.6); width: 28px;}

.ssw nav a#pull span:before,
.ssw nav a#pull span:after {content: " "; position: absolute;}

.ssw nav a#pull span {position: relative; display: inline-block; top: -4px; left: 12px;}

.ssw nav a#pull span:before {top: -6px;}
.ssw nav a#pull span:after {bottom: -6px;}

.ssw_nav ul li:last-child {border-bottom: 0px;}

.ssw_social li a,
.ssw_contact li span.icon {background:url(../img/social-white-16px.png) #CCC no-repeat;}

.ssw_social{font-family: "Roboto", sans-serif;color: #f9f9f9;}
.ssw_social li a {text-indent:-9999em; width:32px; height:32px; display:block; opacity:0.8; }
.ssw_contact ul li span.icon {width:32px; height:32px; display:inline-block; margin-right:10px;}

.ssw_contact li.email span      {background-position: 7px center;}
.ssw_contact li.telephone span  {background-position: -72px center;}
.ssw_social li.facebook a       {background-position: -227px center;}
.ssw_social li.twitter a        {background-position: -152px center;}
.ssw_social li.google a         {background-position: -545px center;}
.ssw_social li.youtube a        {background-position: -302px center;}
.ssw_social li.vimeo a          {background-position: -466.5px center;}
.ssw_social li.flickr a         {background-position: -626px center;}
.ssw_social li.linkedin a       {background-position: -384px center;}

.ssw_social li.facebook a:hover     {background-color:#3b5998;}
.ssw_social li.twitter a:hover      {background-color:#00aced;}
.ssw_social li.google a:hover       {background-color:#dd4b39;}
.ssw_social li.youtube a:hover      {background-color:#bb0000;}
.ssw_social li.vimeo a:hover        {background-color:#aad450;}
.ssw_social li.flickr a:hover       {background-color:#ff0084;}
.ssw_social li.linkedin a:hover     {background-color:#007bb6;}

.ssw-btn {cursor:pointer; display:inline-block; padding:8px 10px; background:#FFF; color:#444; margin-right:4px;}
.ssw-btn.small {font-size:90%;}

.ssw a {text-decoration: underline;}

.ssw_footer {margin-top:64px;}

.ssw_block.ssw_text {
	word-wrap: break-word;
}

.ssw blockquote {
	margin: 0px 0px 24px;
	padding: 24px;
	background: rgba(0,0,0,0.05);
	font-weight: bold;
    font-style: italic;
}
.ssw blockquote,
.ssw blockquote p  {
    font-size: 1em;
    line-height: 1.4em;
}
.ssw blockquote p:last-child {
    margin-bottom: 0px;
}

/*MOBILE NAV*/

@media (min-width:768px) {
    .ssw_nav ul li {display: inline-block; border-bottom: 0px none; margin: 0px; background: transparent;}
    .ssw_nav ul li a {padding: 0px 12px;}
    /*.ssw_nav ul li:last-child a {padding-right: 0px;}*/
    .ssw nav a#pull {
        display:none;
    }
}


/*RESPONSIVE TABLES*/

.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}

@media screen and (max-width: 767px){
.table-responsive {
  width: 100%;
  margin-bottom: 15px;
  overflow-y: hidden;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px){
.table-responsive>.table {
  margin-bottom: 0;
}}
/* contact form common css*/
.ajaxForm input[type=text],
.ajaxForm input[type=tel],
.ajaxForm input[type=email]
{
    width: 100%;
    padding: 4px;
}
.ajaxForm textarea{
    width: 100%;
    height: 10em;
}
.ajaxForm .response{
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2;
}
.ajaxForm .response.error{
    background-color: red;
    color: white;
}
.ajaxForm .response.success{
    background-color: green;
    color: white;
}
.ajaxForm input[type=submit]{
    margin-top: 11px;
    margin-bottom: 10px;
    margin-left: 1px;
    padding-bottom: 5px;
    padding-top: 5px;
}
.ajaxForm .label
{
    text-align: left;
    width: 100%;
    margin-left: 10px;
    margin-bottom: 5px;
    margin-top: 5px;
}
.ajaxForm .close{
    display: inline-block;
    line-height: 1.1em;
    padding: 8px 24px;
    border-top: 0px none;
    vertical-align: top;
    border-left: 0px none;
    border-right: 0px none;
    border-bottom: 4px solid #AEC4CF;
    font-size: 14px;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.3);
    background: #D8E2E6;
    color: #0B0B0B;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
    position: absolute;
    right: 5px;
    top: 5px;
}

.ajaxForm .responseMessage{
    position: absolute;
    top: 25%;
    width: 80%;
    left: 10%;
    vertical-align: middle;
    opacity: 1;
    font-size: xx-large;
}
.ajaxForm .success .responseMessage{
    background: rgb(22, 0, 255);
    color: aliceblue;
}
.ajaxForm .error .responseMessage{
    background: rgb(22, 0, 255);
    color: darkred;
}
.ssw_block {
    position: relative;
}

#form-thankyou{
    background-color: #000000;
    padding: 20px;
    color: #ffffff;
    width: 800px;
    z-index: 2147483647;
}