/*! Made with Bones: http://themble.com/bones :) */
/*********************
GENERAL STYLES
*********************/
body{font-family:'Open Sans Light',Arial,sans-serif;font-size:18px;line-height:1.333;color:#311b0f;background: url(../images/bg.jpg) top left #ffffff;-webkit-font-smoothing:antialiased}
body.page-template-page-maintenance {background:none}
#container {background: url(../images/pageBackground.jpg) repeat-y top center #ffffff;position:relative} 
.wrap{width:100%;margin:0 auto;}
.hidden{display:none}
/*********************
LINK STYLES
*********************/
a[href^=tel] { color: inherit; text-decoration: none; }/* stop iOS coloring phone numbers */
a,a:visited{color:#878f34;transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;text-decoration:none;}
a:hover,a:focus,a:visited:hover,a:visited:focus{text-decoration: underline}
a:link,a:visited:link{-webkit-tap-highlight-color:rgba(0,0,0,0.3)}
/*Remove focus boxes firefox*/
a:focus, a:hover, a:active { outline:none } 
/***** Simple Positive Fade *****/
.fader {opacity: 0.8;transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;}
.fader:hover {opacity: 1;}

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5{font-family: 'Open Sans Bold';text-rendering:optimizelegibility;font-weight:500}
h1 a,.h1 a,h2 a,.h2 a,h3 a,.h3 a,h4 a,.h4 a,h5 a,.h5 a{text-decoration:none}
h1,.h1{font-size:36px;line-height:1.333em;margin:20px 0}
h2,.h2{font-size:28px;line-height:1.4em;margin-bottom:.375em}
h3,.h3{font-size:22px}
h4,.h4{font-size:20px;font-weight:700}
h5,.h5{font-size:.846em;line-height:2.09em;text-transform:uppercase;letter-spacing:2px}

/*********************
HEADER STYLES
*********************/
.header {margin-bottom: 1px;border-bottom: 1px solid #ab8594;}
#logo {margin:20px auto; display: table}
#logo img {max-width:230px}
#logo a{color:#fff}
.header .company-info, .header .company-phone-desktop {display:none}
.header .company-phone {font-family: 'Open Sans Condensed Bold';font-size:20px;color:#662146}
.header .company-phone-mobile {margin-bottom:5px}

/*********************
HOME SLIDER 
*********************/
#cycle-slideshow-wrapper{position:relative;margin:15px;overflow:hidden}
.slide_item{position:absolute;top:0;left:0;z-index:100;max-height:475px}
.slide_item img{max-width:100%;margin-bottom:-5px;}
.slide_item h1{font-family: 'Langdon';text-shadow: -4px -3px 2px rgba(0, 0, 0, 0.5);font-weight:400;position:absolute;top:50%;margin-top:-35px;font-size:55px;color:rgba(247,244,237,0.95);display:block;width:100%;padding:0 25px;height:60px;line-height:60px;text-align:center;text-transform:lowercase}

.slide_item h1 span {display: inline-block;position: relative}
.slide_item h1 span:before, .slide_item h1 span:after {content: "";position: absolute;height: 2px;border-top: 2px solid rgba(247,244,237,0.85);top:24px;width:40px}
.slide_item h1 span:before {right: 100%;margin-right: 15px;}
.slide_item h1 span:after {left: 100%;margin-left: 15px;}

/* PREV/NEXT NAVIGATION */
.cycle-prev, .cycle-next {height: 100%;top:43%;width: 35px;height:35px;display:block;position:absolute;z-index:800;cursor:pointer;}
.cycle-next {right:20px;background: transparent url(../images/slide-icon_next.png) 0 0 no-repeat;}
.cycle-prev {left:20px;background: transparent url(../images/slide-icon_prev.png) 0 0 no-repeat;}

/* PAGER NAVIGATION */
#pager{text-align:center;position:absolute;bottom:15px;width:100%;z-index:101}
#pager span{background:#fff;width:15px;height:15px;margin:0 5px;cursor:pointer;display:inline-block;border-radius:50%}
#pager span.pagerButton.cycle-pager-active, #pager span.pagerButton:hover{background:#a5aa3f;}
#pager.drop{}
#pager.drop span{background:#ffffff;}

/*********************
NAVIGATION STYLES
*********************/

/* styles common to .nav - all screen sizes */
#main-nav {background: #f6f4ed;border-top: 1px solid #ab8594;border-bottom: 1px solid #ab8594;}
.nav{border-bottom:0;margin:0;list-style:none;}
.nav li a{font-family:'Open Sans Condensed Bold';font-size: 20px;text-transform:uppercase;display:block;color:#662146;text-decoration:none;padding:9px 24px}
.nav li ul.sub-menu {padding:0}
.nav li ul.sub-menu li a,.nav li ul.children li a{padding-left:30px;font-size: 17px}
.nav li ul.sub-menu li.current-menu-item a {background:#662047;color:#a3a83d;}

/* Mobile Menu Styles */
#menuToggle{font-family:'Open Sans Condensed Bold';display:block;width:100%;text-align:center;color:#662146;height:43px;line-height:43px;text-transform:uppercase;font-size:20px;text-decoration:none}
#menu-main-menu{display:none}
/*#menu-main-menu.mobile{display:block !important}For dev*/
#menu-main-menu.mobile{background:#f6f4ed;position:absolute;z-index:200;left:50%;width:80%;margin-left:-40%;}
#menu-main-menu.handheld li ul.sub-menu,.nav.mobile li ul.handheld{transition: none; -moz-transition: none; -webkit-transition: none;}
#menu-main-menu.mobile li{margin:0 0 0 20px;float:none;position:relative}
#menu-main-menu.mobile li a{text-transform:uppercase}
#menu-main-menu.mobile li a:hover{color:#415880}
#menu-main-menu.mobile li.menu-item-has-children span{display:block;position:absolute;width:110px;height:48px;top:0;right:10px;display:block;background: transparent url(../images/arrUpBlk.png) 90% center no-repeat;cursor:pointer;}
#menu-main-menu.mobile li.menu-item-has-children span.down{background-image: url(../images/arrDwnBlk.png)}
#menu-main-menu.mobile li.menu-item-has-children span.up{background-image: url(../images/arrUpBlk.png)}

/*level 2 */
#menu-main-menu.mobile li ul.sub-menu{display:none;margin:0;/* jumpy nav fix */}
#menu-main-menu.mobile ul li.menu-item-has-children span{width:90px}
#menu-main-menu.mobile ul li a{text-transform:none;max-width:60%}
#menu-main-menu.mobile ul li li a{font-style:italic}

#secondary-nav {display: none; margin: 0 auto;}

/* end .nav */
/*********************
POSTS & CONTENT STYLES
*********************/
#content {margin-top: 1px;margin-bottom: 1px;border-top: 1px solid #ab8594;border-bottom: 1px solid #ab8594;}
#content ul {padding-left:2em}
#content ul li {padding:2px 0}

#content ul.gform_fields {padding-left:0 !important}
#content ul.gform_fields li.gfield {margin-top:5px !important;margin-bottom:5px !important}
#content ul.gform_fields label.gfield_label {font-size:14px;float:none !important;margin-bottom:10px;display:block}
#content ul.gform_fields .ginput_complex {margin-left: 0 !important;padding-right: 15px !important;width: 100% !important}
#content ul.gform_fields .ginput_complex span {padding-right: 0px !important;width: 100% !important}
#content ul.gform_fields .ginput_container {padding-right: 15px !important;}
#content ul.gform_fields .ginput_container input {width: 100% !important}
#content .gform_footer {padding: 0px 0 10px !important;margin-left: 0 !important;}
#content ul.gform_fields input[type="text"], .widget input[type="password"], .widget input[type="datetime"], .widget input[type="datetime-local"], .widget input[type="date"], .widget input[type="month"], .widget input[type="time"], .widget input[type="week"], .widget input[type="number"], .widget input[type="email"], .widget input[type="url"], .widget input[type="search"], .widget input[type="tel"], .widget input[type="color"], .widget select, .widget textarea, .widget .field {margin-bottom: 5px !important}
#content .gform_footer input[type="submit"] {transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;}
#content .gform_footer input[type="submit"]:hover {background:#878e00;transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;}

/* Add page-entry for styling without structured data */
.hentry, .page-entry {margin-bottom:1.5em;}
.hentry, .page-entry  header{padding:0 34px 0}
.article-header h1 {font-family:'Open Sans Condensed Bold';color:#dd6827;text-transform:uppercase;margin:20px 0}
.article-header h1 a {color:#dd6827;}
.hentry, .page-entry  footer{padding:0 34px 20px}
.hentry, .page-entry  footer p{margin:0 0 15px}
.single-title,.page-title,.entry-title{margin:0}
.byline{color:#9fa6b4;font-style:italic;margin:0}
.gfield_label {
  line-height: 1.2;
}
.intro {font-size:24px;line-height:1.2;}/*0.7/1.375*/
.intro, .entry-content{padding:0 30px}
/*.intro p, .entry-content p{margin:0 0 25px}*/
.intro p, .entry-content p {
  margin: 0 10px 25px 0;
  /*width: 48%;*/
}
.gfield_label.gfield_label_before_complex {
  margin-top: 5px;
}
#input_5_6, #input_5_91 {
  padding-top: 21px;
}
#field_5_14 .ginput_container.ginput_container_text {
  padding-top: 17px;
}
.gform_wrapper br {
  display: none;
}
.gsection_description {
  line-height: 1 !important;
}
.gfield_html_formatted {
  line-height: 1.2;
  font-size: 16px;
  font-weight: 700;
}
.gform_wrapper.gravity-theme input[type="color"], .gform_wrapper.gravity-theme input[type="date"], .gform_wrapper.gravity-theme input[type="datetime-local"], .gform_wrapper.gravity-theme input[type="datetime"], .gform_wrapper.gravity-theme input[type="email"], .gform_wrapper.gravity-theme input[type="month"], .gform_wrapper.gravity-theme input[type="number"], .gform_wrapper.gravity-theme input[type="password"], .gform_wrapper.gravity-theme input[type="search"], .gform_wrapper.gravity-theme input[type="tel"], .gform_wrapper.gravity-theme input[type="text"], .gform_wrapper.gravity-theme input[type="time"], .gform_wrapper.gravity-theme input[type="url"], .gform_wrapper.gravity-theme input[type="week"], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {padding: 0 8px;}
.entry-content table{width:100%;margin-bottom:1.5em}
.entry-content table caption{margin:0 0 7px;font-size:.75em;color:#9fa6b4;text-transform:uppercase;letter-spacing:1px}
.entry-content tr{}
.entry-content tr:nth-child(even){background-color:#f8f9fa}
.entry-content td{padding:7px;border-right:1px solid #eaedf2}
.entry-content td:last-child{border-right:0}
.entry-content th{background-color:#f8f9fa;}
.entry-content th:last-child{border-right:0}
.entry-content blockquote{margin:0 0 1.5em .75em;padding:0 0 0 .75em;font-style:italic;color:#9fa6b4}
.entry-content dd{margin-left:0;font-size:.9em;color:#787878;margin-bottom:1.5em}
.entry-content img{margin:0 0 18px;max-width:100%;height:auto;padding:8px;border:1px solid #c7bdb4}
.entry-content .size-auto,.entry-content .size-full,.entry-content .size-large,.entry-content .size-medium,.entry-content .size-thumbnail{max-width:100%;height:auto}
.entry-content pre{background:#323944;color:#f8f9fa;font-size:.9em;padding:1.5em;margin:0 0 1.5em;}
.entry-content h4 {margin-top:0;margin-bottom:20px}
.wp-caption{max-width:100%;background:#eee;padding:5px}
.wp-caption img{max-width:100%;margin-bottom:0;width:100%}
.wp-caption p.wp-caption-text{font-size:.85em;margin:4px 0 7px;text-align:center}
.tags{margin:0}
.alignleft, img.alignleft, .alignright, img.alignright {display: block;float: none;margin: 0 auto 1em;}
.aligncenter, img.aligncenter {display: block;margin: 0 auto;}
.alignnone, img.alignnone {/* not sure about this one */}
.page-template-page-home .entry-content {min-height:350px;line-height:1.83;font-size:18px}
.page-template-page-home .specials {list-style-type:none;padding-left:0 !important;margin-top:18px;margin-bottom:0}
.page-template-page-home .specials li {padding:0!important}

#main {margin: 3px 0}
#main.d-4of5 .article-header h1 {margin:20px 0 10px}
.page-template-page-blog .entry-content img, .single-post .entry-content img {background:#f8f7f1}

.ssba img {padding:3px !important;margin-right:3px;margin-bottom:20px}

/***** TEAM PAGE *****/
.team-bios {margin-top: 90px;}
.manager {margin-bottom:30px}
.manager .photo-wrap {margin-bottom:0;}
.manager h4 {margin:15px 0 20px}
.employee {margin:30px 0 0;text-align:center}
.employee .photo-wrap{margin:0 auto 10px}
.employee h4 {margin:0}
.manager .photo-wrap, .employee .photo-wrap {position:relative;height:200px;width:200px}
.manager img, .employee img {transition:opacity.5s ease;-webkit-transition:opacity.5s ease;position:absolute;left:0;top:0}
.manager .has_child_pic img:hover, .employee .has_child_pic img:hover {opacity: 0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}

/***** PAGE CTAS *****/
.testimonial, .latest-news {font-family: 'Open Sans';margin:30px 0 0;border-width:4px;border-style:solid;padding:8px;color:#ffffff}
.testimonial h1, .latest-news h1 {font-family: 'Open Sans Condensed Bold';position:relative;margin-top:0;font-size:30px;line-height:1.1}
.testimonial .inner, .latest-news .inner {padding:25px}

.testimonial h1 {margin-bottom: 35px}
.testimonial {border-color:#df6928;}
.testimonial .inner {background:#df6928;font-size:20px}

.latest-news h1 {margin-bottom: 25px}
.latest-news h2 {font-family: 'Open Sans Condensed Bold';font-size:32px;margin-top:18px;margin-bottom:18px}
.latest-news h3 {font-family: 'Open Sans';margin-top:5px}
.latest-news {border-color:#662047;font-size:22px}
.latest-news a {font-family: 'Open Sans';color:#ffffff}
.latest-news a.btn {display:table;margin:20px auto 0}
.latest-news .inner {background:#662047;font-size:20px}
.latest-news hr {border-color:#a2798b}
.daily-specials {margin-top:40px}

.cta_item h1 {overflow:hidden}
.cta_item h1 span {display: inline-block;position: relative}
.cta_item h1 span:before, .cta_item h1 span:after {content: "";position: absolute;height: 2px;border-top-width:1px;border-bottom-width:1px;border-left-width:0;border-right-width:0;border-style:solid;top:15px;width:115px}
.cta_item h1 span:before {right: 100%;margin-right: 15px;}
.cta_item h1 span:after {left: 100%;margin-left: 15px;}
.testimonial h1 span:before, .testimonial h1 span:after {border-color:#e6a279}
.latest-news h1 span:before, .latest-news h1 span:after {border-color:#a27a8a}

.page-template-page-home .cta_item h1 span:before, .page-template-page-home .cta_item h1 span:after {width:75px}

/***** ACCORDIONS *****/
#accordions{margin:1em 0}
h3.listhead{border-top:1px solid #efefef;text-transform:uppercase;padding:10px 0 10px 30px;background:transparent url(../images/arrDwnBlk.png) 0 10px no-repeat;}
h3.listhead.expanded{background:transparent url(../images/arrUpBlk.png) 0 10px no-repeat}
h3.listhead, .widgettitle.collapse{margin:0;/* stops jumping by helping height calculation use padding instead */}
.accordion{cursor:pointer;margin-top:1em;}
.controls{padding:10px;text-align:right;}
.controls span{cursor:pointer;color:#01ABEB;}
.controls span:hover{color:#020042;}

/***** FEATURE BLOCK *****/
.feature{padding:25px 15px;border:1px solid #666;}
.feature_img{float:left;width:35%;padding-right:2em;}
.feature_img img{width:100%;height:auto;}
.feature_content{float:left;width:65%;}

/******************************************************************
PAGE NAVI STYLES
******************************************************************/
.pagination,.wp-prev-next{margin:1.5em 0}
.pagination{text-align:center}
.pagination ul{display:inline-block;background-color:#fff;white-space:nowrap;padding:0;clear:both;border-radius:3px}
.pagination li{padding:0;margin:0;float:left;display:inline;overflow:hidden;border-right:1px solid #eaedf2}
.pagination a,.pagination span{margin:0;text-decoration:none;padding:0;line-height:1em;font-size:1em;font-weight:400;padding:.75em;min-width:1em;display:block;color:#2980b9}
.pagination a:hover,.pagination a:focus,.pagination span:hover,.pagination span:focus{background-color:#2980b9;color:#fff}
.pagination .current{cursor:default;color:#5c6b80}
.pagination .current:hover,.pagination .current:focus{background-color:#fff;color:#5c6b80}
/* fallback previous & next links */
.wp-prev-next .prev-link {float: left; }
.wp-prev-next .next-link {float: right; }

/******************************************************************
COMMENT STYLES
******************************************************************/
#comments-title{padding:.75em;margin:0;border-top:1px solid #f8f9fa}
.commentlist{margin:0;list-style-type:none}
.comment{position:relative;clear:both;overflow:hidden;padding:1.5em;border-bottom:1px solid #f8f9fa}
.comment .comment-author{padding:7px;border:0}
.comment .vcard{margin-left:50px}
.comment .vcard cite.fn{font-weight:700;font-style:normal}
.comment .vcard time{display:block;font-size:.9em;font-style:italic}
.comment .vcard time a{color:#9fa6b4;text-decoration:none}
.comment .vcard time a:hover{text-decoration:underline}
.comment .vcard .avatar{position:absolute;left:16px;border-radius:50%}
.comment:last-child{margin-bottom:0}
.comment .children{margin:0}
.comment[class*=depth-]{margin-top:1.1em}
.comment.depth-1{margin-left:0;margin-top:0}
.comment:not(.depth-1){margin-top:0;margin-left:7px;padding:7px}
.comment.odd{background-color:#fff}
.comment.even{background:#f8f9fa}
.comment_content p{margin:.7335em 0 1.5em;font-size:1em;line-height:1.5em}
.comment-reply-link{font-size:.9em;float:right}
.comment-edit-link{font-style:italic;margin:0 7px;text-decoration:none;font-size:.9em}
.comment-respond{padding:1.5em;border-top:1px solid #f8f9fa}
#reply-title{margin:0}
.logged-in-as{color:#9fa6b4;font-style:italic;margin:0}
.logged-in-as a{color:#5c6b80}
.comment-form-comment{margin:1.5em 0 .75em}
.form-allowed-tags{padding:1.5em;background-color:#f8f9fa;font-size:.9em}
#submit{float:right;font-size:1em}
#comment-form-title{margin:0 0 1.1em}
#allowed_tags{margin:1.5em 10px .7335em 0}
.nocomments{margin:0 20px 1.1em}

/*********************
SIDEBARS & ASIDES
*********************/
.widget {font-family: 'Open Sans';font-size:16px;margin:12px 30px}
.widget:first-child {border-bottom:1px solid #d3bec4;margin-bottom:18px}
.widget_search {border-top:1px solid #d3bec4;margin-top:18px;padding-top:18px !important}
.widget_search h3 {margin-bottom:10px}
.widget ul{list-style:none;margin:3px 0;padding-left:20px !important}
.widget ul li {padding:5px 0 !important}
.widgettitle {font-family: 'Open Sans Condensed Bold';font-size:22px;text-transform:uppercase;margin-bottom:0;margin-top:0}
.widgettitle:focus {outline:0}
.widget_recent_entries .widgettitle, .widget_categories .widgettitle, .widget_archive .widgettitle {color:#878f34;font-size:20px}
.widget_recent_entries .widgettitle:hover, .widget_categories .widgettitle:hover, .widget_archive .widgettitle:hover {cursor:pointer}
.widget .gform_button, .widget a.btn, .widget input[type="submit"] {font-size:18px !important}
.no-widgets {background-color: white;padding: 1.5em;text-align: center;border: 1px solid #cccccc;border-radius: 2px; margin-bottom: 1.5em;color:#333 }
.pageNav{list-style:none;padding-left:0;}
.pageNav a{text-transform:uppercase;font-size:18px;color:#000f4d;}
.pageNav li{margin-bottom:10px;}
.pageNav li.current_page_item a, .pageNav a:hover{color:#01ABEB;}
.sidebar {margin-bottom:30px}
.sidebar .gform_wrapper .gform_footer {padding:0px 0 5px}
.sidebar .gform_wrapper span.gform_description {width:100% !important;line-height:1.2}
.sidebar .gform_wrapper {margin:10px 0 15px}

.widget ul.gform_fields {padding-left:0px !important}
.widget li.gfield {margin-top:5px !important;margin-bottom:5px !important}
.widget label.gfield_label {font-size:14px}
.widget .ginput_complex {margin-left: 0 !important;padding-right: 15px !important;width: 100% !important}
.widget .ginput_complex span {padding-right: 0px !important;width: 100% !important}
.widget .ginput_container {padding-right: 15px !important;}
.widget .ginput_container input {width: 100% !important}
.widget .gform_footer {padding: 0px 0 10px !important;margin-left: 0 !important;}
.widget input[type="text"], .widget input[type="password"], .widget input[type="datetime"], .widget input[type="datetime-local"], .widget input[type="date"], .widget input[type="month"], .widget input[type="time"], .widget input[type="week"], .widget input[type="number"], .widget input[type="email"], .widget input[type="url"], .widget input[type="search"], .widget input[type="tel"], .widget input[type="color"], .widget select, .widget textarea, .widget .field {margin-bottom: 5px !important}
.widget input[type="submit"] {transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;}
.widget input[type="submit"]:hover {background:#878e00;transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;}
/*################## PHOTOSPACE GALLERIES (move thumbs under) ##################*/

/* ADD ADITIONAL JS (scripts.additions.js) TO CALCULATE HEIGHTS!!!! */
.photospace_res {margin: 0.5em auto 1em;/*padding: 0 0 25% !important;*/}
.photospace_res .thumbs_wrap2 {bottom: 0;left: 0;position: absolute;width: 100%;}
.photospace_res .psr_paging {display:none}
.photospace_res .caption {text-align:center}

/*********************
FOOTER STYLES
*********************/
.footer {font-family: 'Open Sans Condensed Light';clear: both; color: #311b0f;border-top: 1px solid #ab8594;font-size:15px;position:relative}
#footer-logo{margin:20px auto; display: table}
.footer-content{margin-bottom:15px;padding-top:10px}
.footer .copy, .footer .address, .footer .phone, .footer .email, .footer .hours, .footer .attribution {display:inline-block;margin:0 6px}
.footer .email a {color:#311b0f}

/***** SOCMED *****/
ul#socmed{width:240px;margin:0 auto;padding-top:20px;list-style:none}
ul#socmed li {padding: 0 10px 0 0;margin-bottom:20px;float:left}
ul#socmed li a {/*background-image: url("../images/socmed_rnd.png");*/background-image: url("../images/socmed_squ.png");display: block;height: 39px;width: 39px;text-indent:-999em;margin-right:3px}

ul#socmed li a#twitter { background-position: -1px -4px;}
ul#socmed li a#facebook { background-position: -64px -4px;}
ul#socmed li a#youtube {background-position: -124px -4px;}
ul#socmed li a#linkedin { background-position: -184px -4px;}
ul#socmed li a#instagram { background-position: -244px -4px;}
ul#socmed li a#pinterest { background-position: -304px -4px;}
ul#socmed li a#gplus { background-position: -364px -4px;}

ul#socmed li a#twitter:hover { background-position: -1px -53px;}
ul#socmed li a#facebook:hover { background-position: -64px -53px;}
ul#socmed li a#youtube:hover {background-position: -124px -53px;}
ul#socmed li a#linkedin:hover { background-position: -184px -53px;}
ul#socmed li a#instagram:hover { background-position: -244px -53px;}
ul#socmed li a#pinterest:hover { background-position: -304px -53px;}
ul#socmed li a#gplus:hover { background-position: -364px -53px;}

.t-visible {display: none;height:0}
.m-visible {display: block;height:0}

.social {margin:0 auto;display:table}
.social a {background-image: url("../images/social.png");text-indent:-9999px;height:27px;width:28px;display:inline-block;margin:0 3px 2px}
.social a.facebook {background-position: 0 0}
.social a.facebook:hover {background-position: 0 -27px}
.social a.youtube {background-position: 64px 0}
.social a.youtube:hover {background-position:64px -27px}
.social a.instagram {background-position: 28px 0}
.social a.instagram:hover {background-position: 28px -27px}