/* 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{
    width: 100%;
    height: 100%;
}
/*
.ajaxForm .response.error{
    background-color: #EB6357;
    color: white;
}
.ajaxForm .response.success{
    background-color: #398f14;
    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 .responseMessage{
    /*position: absolute;*/
    vertical-align: middle;
    opacity: 1;
    font-size: xx-large;
}
/*.ajaxForm .success .responseMessage{
    color: #FFF;
    text-align: center;
}
.ajaxForm .error .responseMessage{
    color: #FFF;
    text-align: center;
}*/
.ssw_block {
    position: relative;
}
.formErrorField {
    color: #EB6357;
}

.response-output {
    margin: 20px 0;
    border-radius: 3px;
    padding: 6px 11px;
}

.response-output.error {
    background:#EB6357;
    color: #FFF;
}

.response-output.confirm {
    background:#398f14;
    color: #FFF;
}
.formError {
    color: #EB6357;
    display: none;
}
.response-output.confirm {
    background: #398f14;
    color: #FFF;
}
.ssw_block .response-output a:hover {
    color: #2E353F;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
}
.ssw_block .response-output a:visited {
    color: #2E353F;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
}
.ssw_block .response-output a{
    color: #ffff00;
}