/*
Theme Name:     Responsive - Child
Theme URI:      http://cyberchimps.com/
Description:    Child theme for the Responsive theme
Author:         Ian Curry
Author URI:     http://www.essexconsultants.com/
Template:       responsive
Version:        0.1.0
*/

/*Import style sheet from parent them */
@import url("../responsive/style.css");


/*Set background colour */
body {
    background: #2D3668;
    overflow-x: hidden;
}

#logo{
        position: relative;
}

/* =Breadcrumb Lists
-------------------------------------------------------------- */
.breadcrumb-list {
    padding: 10px 0 0 0;
}

/* =Responsive 12 Column Grid
    http://themeid.com/responsive-grid/
    -------------------------------------------------------------- */
.grid {
    float: left;
    margin-bottom: 2.127659574468%;
    padding-top: 0;
}

.grid-right {
   float: right;
   margin-bottom: 2.127659574468%;
   padding-top: 0;
}

.col-60,
.col-140,
.col-220,
.col-300,
.col-380,
.col-460,
.col-540,
.col-620,
.col-700,
.col-780,
.col-860 {
   display: inline;
   margin-right: 2.127659574468%;
}

.col-60 {
   width: 6.382978723404%;
}

.col-140 {
   width: 14.893617021277%;
}

.col-220 {
   width: 23.404255319149%;
}

.col-300 {
   width: 31.914893617021%;
}

.col-380 {
   width: 40.425531914894%;
}

.col-460 {
   width: 48.936170212766%;
}

.col-540 {
   width: 57.446808510638%;
}

.col-620 {
   width: 65.957446808511%;
}

.col-700 {
   width: 74.468085106383%;
}

.col-780 {
   width: 82.978723404255%;
}

.col-860 {
   width: 91.489361702128%;
}

.col-940 {
   width: 100%;
}

.fit {
   margin-left: 0 !important;
   margin-right: 0 !important;
}

/* =Headings
-------------------------------------------------------------- */
h1, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color:#662D91;
}

h1 {
    font-size: 1.3125em; /* = 21px */
    margin-bottom: .5em;
    margin-top: .5em;
	line-height: 140%;
}

h2 {
    color:#262161;
    font-size: 1.1250em; /* = 18px */
    margin-bottom: .75em;
    margin-top: .75em;
}

h3 {
    font-style:italic;
    font-size: 0.875em; /* = 14px */
    margin-bottom: .75em;
    margin-top: .75em;
    padding-top: .5em;
    padding-bottom: .5em;
}


h4 {
    font-style: italic;
    font-weight: normal;
    color: #662D91;
    font-size: 1em;
}


.grid {
    margin-bottom: 0;
}

/* =Globals
-------------------------------------------------------------- */
#container {
    margin: 0 auto;
    max-width: 960px;
    padding: 0px 0px;
}

#wrapper {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background-color: #FFFFFF;
    border: 0px;
    clear: both;
    margin: 0px auto 4px auto;
    padding: 0 0px 4px 20px;
    position: relative;
}

#content {
    background-color: #FFFFFF;
}

.widget-wrapper {
    /* Removes border color for all widgets except main content widget */
    border:1px;
    padding:0;
    background-color: #ffffff;
}

.home #wrapper {
    background-color:#fff;
    clear:both;
    margin: 0px auto 4px auto;
    padding: 0 0px 4px 20px;
    position:relative;
}

.home #widgets {
    background-color:#FFFFFF;
}



/* =Footer Menu
-------------------------------------------------------------- */


.footer-menu {
    padding:0px 0 0 20px;
}

.footer-menu li a {
    color: #652D91;
}

.footer-menu li a:hover {
    color: #FFFFFF;
    background: #652D91;
}


.footer-menu ul,ol {
    margin: 0 0 0 0;
}

#footer ul{
    margin: 0 0 0 0;
}

#footer a{
    color: #652D91;
    font-weight: bold;
    font-size: 0.8375em;
}

#footer a:hover{
    color: #FFFFFF;
}

#footer {
    clear: both;
    max-width: 960px;
    padding: 0 0 0 0;
    background: #FFFFFF;
}

#footer-wrapper {
    margin: 100;
    padding: 20px 0;
    background: #FFFFFF;
}

#footer .credits {
    text-decoration:none;
    font-size:11px;
    font-weight:normal;
}

#footer .credits a {
    text-decoration:none;
    font-size:11px;
    font-weight:normal;
}


#footer-wrapper .copyright {
    text-align: left;
    padding:0px 0 20px 20px;

}


#footer .copyright a{
    text-align: left;
    text-decoration:none;
    font-size:11px;
    font-weight:normal;

}

#footer .copyright a:hover {
    color: #FFFFFF;
    background: #652D91;
}


/* =Start Here
-------------------------------------------------------------- */


/* =Social Icons
-------------------------------------------------------------- */
#header .social-icons {
    list-style: none;
    line-height: normal;
    margin: 0;
    padding-top: 12px;
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 0px;
    text-align: right;
    background-color : #FFFFFF;
    font-size: 1.105em;
}


#header .yelp-icon,
#header .vimeo-icon,
#header .youtube-icon,
#header .twitter-icon,
#header .facebook-icon,
#header .linkedin-icon,
#header .rss-feed-icon,
#header .instagram-icon,
#header .pinterest-icon,
#header .foursquare-icon,
#header .google-plus-icon,
#header .stumble-upon-icon {
    display: inline;
    margin: 1px;
    padding-left: 3px;
}


#header-wrapper {
    background-color: #FFFFFF;
}

#header {
background-color: #FFFFFF;
}

#header .contact {
color:#262161;
font-size: 1.325em;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 20px;
}

#header .contact a{
color:#262161;
}

/* =Media Print
If you're working on a Child Theme, make sure that all
media queries are included in your style.css
-------------------------------------------------------------- */
@media print {

h1 {
    page-break-before: always;
}

h1,  h2,  h3,  h4,  h5,  h6 {
    page-break-after: avoid;
}

ul,  ol,  dl {
    page-break-before: avoid;
}
}


.powered {
    position: relative;
    text-align: right;
    top: -15px;
}

/*	Retina (HiDPI) Display
http://www.quirksmode.org/blog/archives/2013/06/devicepixelrati.html
-------------------------------------------------------------- */
@media
only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {

body {}
}

/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 980px) {

body {}

.grid,
.grid-right {
    float: left;
}

.home-widgets .grid,
.home-widgets .grid-right {
    float: none;
}

.home-widgets .box-container {
    margin: 0 auto;
}

.execphpwidget {
  margin: 0 auto;
  max-width: 420px;
}


#featured-image .fluid-width-video-wrapper {
    margin: 20px 0 0 0;
}

.home #widgets {
    margin-top: 40px;
}

.top-widget,
.home .top-widget {
    margin-top: 0 !important;
}

.hide-980 {
    display: none;
}

.show-980 {
    display: block;
}

}

@media screen and (max-width: 650px) {

body {}

#logo {
    float: none;
    margin: 0;
    text-align: center;
    position: relative;
}

.grid,
.grid-right {
    float: left;
}
.home-widgets .grid,
.home-widgets .grid-right {
    float: none;
}

#footer-wrapper .grid,
#footer-wrapper  .grid-right {
    width: 100%
}

#footer-wrapper .copyright {
  margin-top: 20px;
  padding: 0;
  text-align: center;
}

.scroll-top{display: none;}


#featured-image .fluid-width-video-wrapper {
    margin: 20px 0 0 0;
}

.top-widget {
    float: none;
    margin: 0 auto 10px auto;
    position: relative;
    text-align: center;
    width: auto;
}

.top-widget .widget-title {
    text-align: center;
}

.js .menu,
.js .sub-header-menu {
    display: none;
}

.top-menu,
.footer-menu li {
    float: none;
    font-size: 11px;
    text-align: center;
    width: 100%;
}


.powered {
  margin-bottom: 30px;
  margin-top: 20px;
  position: relative;
  text-align: center;
  top: 0;
  width: 100%;
}

.tinynav {
    display: block;
}

.sb-holder {
    display: block;
}

#author-meta {
    padding: 20px;
}

.hide-650 {
    display: none;
}

.show-650 {
    display: block;
}

#footer {
    text-align: center;
}

#header .social-icons {
    padding-bottom: 10px;
    text-align: center;opyright
}
}

@media screen and (max-width: 480px) {

body {}


.home #wrapper {
  padding:  4px 20px;

}


#logo {
    float: none;
    text-align: center;
    position: relative;
}

.grid,
.grid-right {
    float: none;
}




#featured-image .fluid-width-video-wrapper {
    margin: 20px 0 0 0;
}

.featured-title {
    font-size: 40px;
    padding: 40px 20px 0 20px
}

.featured-subtitle {
    font-size: 24px;
}

.navigation .next,
.navigation .previous {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.scroll-top{
    display: none;
}

.powered{
    top:10px;
}

.menu ul,
.menu li,
.top-menu,
.footer-menu li,
.sub-header-menu li {
    float: none;
    text-align: center;
    text-rendering: optimizeSpeed;
}

.hide-480 {
    display: none;
}

.show-480 {
    display: block;
}

#footer {
    text-align: center;
}

#header .social-icons {
    text-align: center;
}
}

@media screen and (max-width: 320px) {

body {}

#featured p {
    font-size: 12px;
    line-height: 1.5em;
}

.featured-title {
    font-size: 35px;
}

.featured-subtitle {
    font-size: 15px;
}

.call-to-action a.button {
    font-size: 14px;
    padding: 7px 17px;
}

.hide-320 {
    display: none;
}

.show-320 {
    display: block;
}
}

@media screen and (max-width: 240px) {

body {}

#featured p {
    font-size: 11px;
    line-height: 1.5em;
}

.featured-title {
    font-size: 20px;
}

.featured-subtitle {
    font-size: 11px;
}

.call-to-action a.button {
    font-size: 12px;
    padding: 5px 15px;
}

.top-widget area,
.top-widget select,
.top-widget textarea,
.top-widget input[type="text"],
.top-widget input[type="password"] {
    width: 75%;
}

.widget-title,
.widget-title-home h3 {
    font-size: 14px;
    height: 13px;
    line-height: 13px;
    text-align: left;
}

.hide-240 {
    display: none;
}

.show-240 {
    display: block;
}
}



/* =Header Menu (Primary)
-------------------------------------------------------------- */
.menu {
    background-color: #939598;
    background-image: none;
    filter: none
}

.menu,

.menu ul {
    margin: 0;
    padding: 0px 0px 0px 25x;
}

.menu li {
    border: 0;
    display: block;
    min-width: 7em;
    float: left;
    margin: 5px 5px;
    padding: 0px 0px 0px 0px;
    position: relative;
    z-index: 5;
    background-color: #662B91;
    border-radius:27px;
}

.menu li:hover {
    white-space: normal;
    z-index: 10000;
    border-radius:27px;

}

.menu li li {
    float: none;
    border-radius:0px;
}

.menu ul {
    left: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    z-index: 10;
}

.menu li:hover > ul {
    top: 100%;
    visibility: visible;
}

.menu li li:hover > ul {
    left: 100%;
    top: 0;
}

.menu:after,
.menu ul:after {
    clear: both;
    content: '.';
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.menu,
.menu ul {
    min-height: 0;
}

.menu ul,
.menu ul ul {
    margin: 0;
    padding: 0;
}

.menu ul li a:hover,
.menu li li a:hover {

    color: #484848;
    text-decoration: none;
}

.menu ul {
    margin-top: 1px;
    min-width: 15em;
    width: auto;
}

.menu a {
    border-left: 1px solid #585858;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 25px;
    line-height: 25px;
    margin: 0;
    padding: 0 0.9em;
    position: relative;
    text-decoration: none;
    text-shadow: 0 -1px 0 #000;
    border-radius:27px;
    text-align : center;
}

.menu a:hover {
    background-color:#262161;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#262161));
    background-image: -webkit-linear-gradient(top, #FFFFFF, #262161);
    background-image: -moz-linear-gradient(top, #FFFFFF, #262161);
    background-image: -ms-linear-gradient(top, #FFFFFF, #262161);
    background-image: -o-linear-gradient(top, #FFFFFF, #262161);
    background-image: linear-gradient(top, #FFFFFF, #262161);
    color: #FFFFFF;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#262161);
}

.menu .current_page_item a,
.menu .current-menu-item a {
    background-color: #262161;
}

.home .menu .current_page_item a {
    background: none;
    background-color: transparent;
    background-image: none;
    filter: none;
}

.menu li li {
    background: #e0dfe8;
    background-image: none;
    border: 1px solid #e5e5e5;
    color: #444;
    filter: none;
    margin: -1px 0 1px 0;
    width: auto;
    border-radius:0px;
}

.menu li li a {
    background: transparent !important;
    border: none;
    color: #662d91;
    font-size: 12px;
    font-weight: 400;
    height: 20px;
    line-height: 18px;
    padding: 5px 10px;
    text-shadow: none;
    white-space: nowrap;
    border-radius:0px;
    text-align : left;

}

.menu li li a:hover {
    background: #f5f5f5 !important;
    background-image: none;
    border: none;
    color: #444;
    filter: none;
    border-radius:0px;
}

.menu ul > li + li {
    border-top: 0;
}

.menu li li:hover > ul {
    left: 100%;
    top: 0;
}

.menu > li:first-child > a {
    border-left: none;
}

/* =Primary Main Menu IE Fixes
-------------------------------------------------------------- */
.ie7 .menu ul {
    background: url(images/ie7-fix.gif) repeat;
}

.ie7 .menu li li a  {
    min-width: 100%;
}

/* =Responsive Menu
TinyNav + SelectBox
-------------------------------------------------------------- */
.tinynav {
    display: none
}

.sb-holder {
    background-color: #662D91;
    xxdisplay: none;
    height: 30px;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

.sb-holder:focus .sb-selector {}

.sb-selector {
    display: block;
    height: 30px;
    left: 0;
    line-height: 30px;
    outline: none;
    overflow: hidden;
    position: absolute;
    text-indent: 10px;
    top: 0;
    width: 100%;
}

.sb-selector:link,
.sb-selector:visited,
.sb-selector:hover {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    outline: none;
    text-decoration: none;
    text-shadow: 0 -1px 0 #000;
}

.sb-toggle {
    background: url(images/select-icons.png) 0 6px no-repeat;
    display: block;
    height: 30px;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
}

.sb-toggle-open {
    background: url(images/select-icons.png) 0 -45px no-repeat;
}

.sb-holder-disabled {
    background-color: #3c3c3c;
    border: 1px solid #515151;
}

.sb-holder-disabled .sb-holder {}

.sb-holder-disabled .sb-toggle {}

.sb-options {
    background-color: #fff;
    list-style: none;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 30px;
    width: 100%;
    z-index: 1;
    overflow-y: auto;
}

.sb-options li {
    padding: 0;
}

.sb-options a {
    border-bottom: 1px solid #e5e5e5;
    display: block;
    font-size: 11px;
    outline: none;
    padding: 4px;
    text-indent: 4px;
}

.sb-options a:link,
.sb-options a:visited {
    color: #444;
    text-decoration: none;
}

.sb-options a:hover,
.sb-options a:focus,
.sb-options a.sb-focus {
    background-color: #f5f5f5;
    color: #444;
}

.sb-options li.last a {
    border-bottom: none;
}

.sb-options .sb-disabled {
    border-bottom: dotted 1px #515151;
    color: #999;
    display: block;
    padding: 7px 0 7px 3px;
}

.sb-options .sb-group {
    border-bottom: dotted 1px #515151;
    color: #ebb52d;
    display: block;
    font-weight: 700;
    padding: 7px 0 7px 3px;
}

.sb-options .sb-sub {
    padding-left: 17px;
}

/* =Sub-Header Menu
-------------------------------------------------------------- */
.sub-header-menu {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-top: none;
    clear: both;
    margin: 0 auto;
}

.sub-header-menu,
.sub-header-menu ul {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.sub-header-menu li {
    border: 0;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 5;
}

.sub-header-menu li:hover {
    white-space: normal;
    z-index: 10000;
}

.sub-header-menu li li {
    float: none;
}

.sub-header-menu ul {
    left: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    z-index: 10;
}

.sub-header-menu li:hover > ul {
    top: 100%;
    visibility: visible;
}

.sub-header-menu li li:hover > ul {
    left: 100%;
    top: 0;
}

.sub-header-menu:after,
.sub-header-menu ul:after {
    clear: both;
    content: '.';
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.sub-header-menu,
.sub-header-menu ul {
    min-height: 0;
}

.sub-header-menu ul,
.sub-header-menu ul ul {
    margin: 0;
    padding: 0;
}

.sub-header-menu ul li a:hover,
.sub-header-menu li li a:hover {
    color: #484848;
    text-decoration: none;
}

.sub-header-menu ul {
    margin-top: 1px;
    min-width: 15em;
    width: auto;
}

.sub-header-menu a {
    border-left: 1px solid #e5e5e5;
    color: #333;
    cursor: pointer;
    display: block;
    font-size: 12px;
    font-weight: 400;
    height: 35px;
    line-height: 35px;
    margin: 0;
    padding: 0 0.9em;
    position: relative;
    text-decoration: none;
    text-shadow: none;
}

.sub-header-menu a:hover {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-color: #f9f9f9;
    background-clip: padding-box;
}

.sub-header-menu .current_page_item a,
.sub-header-menu .current-menu-item a {
    background-color: #f9f9f9;
}

.sub-header-menu li li {
    background: #fff;
    background-image: none;
    border: 1px solid #e5e5e5;
    color: #444;
    filter: none;
    margin: -1px 0 1px 0;
    width: auto;
}

.sub-header-menu li li a {
    border: none;
    color: #444;
    font-size: 12px;
    font-weight: 400;
    height: auto;
    height: 20px;
    line-height: 20px;
    padding: 5px 10px;
    text-shadow: none;
}

.sub-header-menu li li a:hover {
    background: #f9f9f9;
    background-image: none;
    border: none;
    color: #444;
    filter: none;
}

.sub-header-menu ul > li + li {
    border-top: 0;
}

.sub-header-menu li li:hover > ul {
    left: 100%;
    top: 0;
}

.sub-header-menu > li:first-child > a {
    border-left: none;
}

.sub-header-menu ul.children a,
.sub-header-menu .current_page_ancestor,
.sub-header-menu .current_page_ancestor ul a {
    background: none;
    background-image: none;
    filter: none;
}

/* =Sub Header Menu IE Fixes
-------------------------------------------------------------- */
.ie7 .sub-header-menu ul {
    background: url(images/ie7-fix.gif) repeat;
}

.ie7 .sub-header-menu li li a  {
    min-width: 100%;
}

img.attachment-post-thumbnail,
img.wp-post-image {
    border: 1px solid #662D91;
    -webkit-border-radius: 199px 0px 0px 199px;
    -moz-border-radius: 99px 0px 0px 199px;
    border-radius: 199px 0px 0px 199px;
}

/* Hide WPStats Smiley */
img#wpstats{position:absolute;top:0;width:0px;height:0px;overflow:hidden}



#widget-title-one H3 {
    font-size: 1em;
    font-style:normal;
    background-color:#2D3668;
    color:#FFFFFF;
}



#execphp-4 img {
    border:1px solid #021a40;
    -moz-border-radius: 0 0 15px 15px;
    border-radius: 0 0 15px 15px;
}

#widget-title-two H3 {
    -moz-border-radius: 15px 15px 0 0;
    border-radius: 15px 15px 0 0;
    font-size: 1em;
    font-style:normal;
    background-color:#2D3668;
    color:#FFFFFF;
}

#execphp-5 img {
    border:1px solid #021a40;
    -moz-border-radius: 0 0 15px 15px;
    border-radius: 0 0 15px 15px;
}

#widget-title-three H3 {
    font-size: 1em;
    font-style:normal;
    background-color:#2D3668;
    color:#FFFFFF;
}

#execphp-6 img {
    border:1px solid #021a40;
    -moz-border-radius: 0 0 15px 15px;
    border-radius: 0 0 15px 15px;
}

.box-container {
    width: 292px;
}


.box-container a { background: none repeat scroll 0 0 #2D3668;
    margin: 0;
    padding: 1px !important;
    -moz-border-radius:15px;
    border-radius:15px;
}

.box-container a img {
    border: none !important;
}

.box-container a:hover {
    -moz-box-shadow: 0 0 5px 5px #888;
    -webkit-box-shadow: 0 0 5px 5px#888;
    box-shadow: 0 0 5px 5px #888;
    -moz-border-radius:15px;
    border-radius:15px;
}

.box-container a h3{
    color: #FFFFFF;
    font-size: .9em;
    font-style: normal;
    font-weight: bold;
    margin: 0;
    padding: 0.7em;
}

.home-widgets div.grid {
    margin-right: 1.6%;
}


.post-entry {
    margin-right: 10px;
}

.post-entry ul li {
    margin-bottom: .5em;
}

.post-entry p {
    /*margin: 2em 0;*/
	margin: 1em 0;  /***GRANT***/
}

.post-entry h4.cta {
    font-style: italic;
    font-weight: normal;
    color: #662D91;
    font-size: 1em;
}

.post-entry h4 {
    font-style: italic;
    font-weight: normal;
    color: #662D91;
    font-size: 1em;
}

.home h1 {
    /*display:none;*/  /****GRANT ****/
}

.home h2{
    font-size: 1.3125em; /* = 21px */
    margin-bottom: .5em;
    margin-top: .5em;
}

.home h3{
    display:block;
    text-align:center;
    margin-left: auto;
    margin-right: auto;
    text-transform:uppercase;
}




@media (min-width: 900px) {
    div.main-nav {
        width: 960px;
        text-align: center;
    }
    ul#menu-main {
        margin: 2px auto;
        line-height: 1.4;
        display: flex;
      justify-content: center;
    }
    /*#menu-main li {
        display: inline;
        text-align: center;
    }*/
}

.verification .vfb-legend{
    display:none;
}

.verification #vfb-31{
    display: none;
}

#booking-button{
	position: absolute;
    padding: 10px;
    border: 2px solid #652D90;
    text-align: center;
    font-style: bold;
    font-weight: 800;
    text-transform: uppercase;
    bottom: 44px;
    right: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color:  #ffffff;
    background-color: #652D90;
	display:none;  /****GRANT****/
}
#five-offer {
	float:left;
	max-width:700px;
	margin-right:30px;
}


.gfield_label {
	display:none !important;
}
.gfield {
	padding-right:0px !important;
}

.gform_wrapper .gform_footer {
    padding: 0px 0 10px !important;
    margin: 0px 0 0 !important;
}
textarea {
	max-height:150px !important;
}