/*
Theme Name: Comber
Theme URI: 
Description: A custom WordPress site for comber pharmacy
Author: Kaizen 
Author URI:
Version: 1.0
Tags: clean, light, responsive, custom-post-types, custom-fields

License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/





/* Page Styles
================================================== */

body {  overflow-x: hidden;  }
header {margin-top: 20px; height: 180px;}

#twitterfeed {height: 200px !important;}
#contactdetails {background: #fff; width: 200px; height: 200px;position: absolute; z-index:1000; float: right; margin-left: 1300px; margin-top: 100px;padding: 10px; line-height: 1.2em !important; padding-left: 25px!important;}
 #map {height: 500px;position: relative;}

h1 {font-family: "effra",sans-serif; font-weight: 700; color: #fff;}
h2 {font-family: "effra",serif; font-weight: 700; font-size: 24px; line-height: 1em; padding-top: 20px; }

.menunav {text-align: right; margin: 0 auto; margin-left: 5px; color: #393A41; margin-top: 10px;}
.menu a {color: #000; font-family: "effra",serif; font-weight: 700; font-size: 22px;}
.current-menu-item a {color: #76BBCB;}

.menu li a {padding-top:20px; margin-left: 5px; display: inline-block; padding-bottom: 3px; }

.menu ul {text-align: center;}

#homeabout {padding-top: 40px; padding-bottom: 30px; border-bottom: 4px solid #76BBCB}
#socialarea{margin-top: 30px; height: 500px; font-family: 'helvetica',serif; font-weight: 100; text-align: center;}

.row.full-width {
    width: 100%;
    max-width: 100%;}
    
    .logo {margin-left: 0px;}
#snap {margin-left: 50px;}
    
    
    #footgrey {background: #393A41; height: 55px; color: #fff; padding-top: 10px;font-family: "effra",serif; font-size: 12px; line-height: 1.4em;}
.socialimage {padding-right: 5px;}
 #footblue {background: #76BBCB; height: 40px; color: #fff; padding-top: 10px;font-family: "effra",serif; font-size: 12px;}
 
 
 #aboutheader{
width: 100%;}

#aboutcomber {text-align: center;font-family: "effra",serif; font-weight: 300 !important; font-size: 28px; line-height: 1em; padding-top: 40px; padding-bottom: 30px;}



#aboutservices {background: #BC8DA9; color: #fff; padding-top: 30px;text-align: center;font-family: "effra",serif; font-weight: 100; font-size: 26px; line-height: 1em; padding-top: 40px; padding-bottom: 30px;}

#listservices {color: #393A41; margin-top: 50px; margin-bottom: 50px;font-family: "effra",serif; font-weight: 100; font-size: 26px; line-height: 1em; }

.bold {font-weight: 700;}

#serv {margin-top: 30px;}

 #bluecontact {background: #76BBCB;  color: #fff; padding-top: 40px;padding-bottom: 40px;font-family: "effra",serif; font-size: 16px;}

 
 #bluecontact h1 {font-size: 28px; border-bottom: 2px solid #fff; margin-bottom: 10px;}
 
 #serv {text-align: center; font-size: 16px; }
 
 
 #offerone{ background: #76BBCB; color: #fff; padding: 50px;font-family: "effra",serif; font-weight: 100; font-size: 20px; text-align: center;}

#offertwo{ background: #80BBAB; color: #fff; padding: 50px;font-family: "effra",serif; font-weight: 100; font-size: 20px; text-align: center;}

#offerthree{ background: #BC8DA9; color: #fff; padding: 50px;font-family: "effra",serif; font-weight: 100; font-size: 20px; text-align: center;}

a.u-floatLeft {display: none !important;}
#map { padding-top: 30px;}


div.menu-container {padding-top: 70px !important;}

#serv h1 {color: #000; font-size: 18px; }
#serv {font-size: 11px;}


/* #Media Queries
================================================== */

/* Small only */
@media screen and (max-width: 39.9375em) {
.logo {margin-left: 0px;}
.menunav {margin-top: 0px; text-align: left; display: none;}
.menu a {font-size: 14px;}
#footgrey {height: 75px; }
#bluecontact {font-size: 10px;}
#bluecontact h1 {font-size: 22px;}

  #footgrey {height: 85px; color: #fff; padding-top: 10px;font-family: "effra",serif; font-size: 12px; line-height: 1.4em;}
.socialimage {padding-right: 5px;}
 #footblue {background: #76BBCB; height: 50px; color: #fff; padding-top: 10px;font-family: "effra",serif; font-size: 12px;}
 
 
}/*** close small **/







/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {

.logo {margin-left: 0px;}
.menunav {margin-top: 0px; text-align: left; display: none;}
} /*** close medium **/



/* Custom Menu Query only */
@media screen and (min-width: 1021px) and (max-width: 1188px) {


} /*** close medium **/




/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {

}/*** close large**/