/*
 Theme Name:   Shapely Child
 Theme URI:    http://brightongate.com.au/
 Description:  Shapely Child Theme
 Author:       Dawn Foster
 Author URI:   http://mentat.com.au/
 Template:     shapely
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  shapely-child
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Fixing the footer for BG site */

section, footer#colophon.site-footer.footer.bg-dark {
    padding: 72px 0 20px 0;
}

footer.bg-dark a {
    color: #8B3434;
    font-weight: normal;
	
}

footer.bg-dark a:hover {
    color: #d16D6D;
}

footer.bg-dark p {
/*   
    color: #dadada;
*/
    color: #999;
}

footer.bg-dark p .italic {
    color: #999;
	font-style: italic;
}

footer.bg-dark p .brighter {
    color: #d0d0d0;
}


footer#colophon.bg-dark  .widget {
    margin-bottom: 10px;
}



/* floats */
.quarter,
.one-third,
.two-thirds,
.half {
    float: left;
}

/* widths */
.one-third {
    width: 32%;
}
.two-thirds {
    width: 65.5%;
}
.quarter {
    width: 23.5%;
}
.three-quarters {
    width: 74.5%;
}
.half {
    width: 48%;
}

/* margins  */
.one-third {
    margin: 0 0.5%;
}
.quarter,
.two-thirds {
    margin: 0 0.5%;
}
.left,
.quarter.left,
.one-third.left {
    margin: 0 1% 0 0;
    float: left;
}
.right,
.quarter.right,
.one-third.right {
    margin: 0 0 0 1%;
    float: right;
}
.half.left {
    width: 48%;
    margin: 0 2% 0 0;
}
.half.right {
    width: 48%;
    margin: 0 0 0 2%;
}
.two-thirds.left {
    margin: 0 1% 0 0;
}
.two-thirds.right {
    margin: 0 0 0 1%;
    float: right;
}

/* media queries for larger screens such as small tablets in landscape or large tablets in portrait */
@media screen and ( max-width: 780px ) {
     
    /* only the .quarter layout class is relevant here - all other classes will have full width */
    .quarter {
        width: 48%;
    }
    .quarter.left {
        margin-right: 2%;
    }
    .quarter.right {
        margin-left: 2%;
    }
    footer .third.quarter.widget-area {
        clear: both;
    }
}
 
/* media queries for small screens in landscape mode (or similar) */
@media screen and ( max-width: 600px ) {
     
    /* width sizing all full width in small screens */
    .quarter,
    .one-third,
    .half,
    .two-thirds,
    .three-quarters,
    .full-width {
        width: 100%;
        margin: 0;
    }
    /* padding adjustments */
    .widget-area {
        padding: 0 0 10px 0;
    }
}


/* media queries for small screens in portrait mode (or similar) */
@media screen and ( max-width: 479px ) {
     
    /* fixing email link on mobile portrait mode */
    footer.bg-dark a {
        font-size: 10px;
    }
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* fixing font and color for BG site */
/* orig button colour
#745cf9 - button
#5234f9 - button hover

Using Google Fonts:

    font-family: 'Lato', sans-serif; (300 for light, 300i for light italic, 400 for regular)
    font-family: 'Raleway', sans-serif; (300 for light, 300i for light italic, 400 for regular)
    font-family: 'Alice', serif; (400 for regular)
    font-family: 'Montez', cursive; (400 for regular)

*/

.italic {
    font-style: italic;
}
	
.smaller {
    font-size: 12px;
}

a, a:visited {
    color: #8B3434;
    font-weight: 400;
    cursor: pointer;
}

#shapely_home_parallax-3 h1 {
    color: #000000;
}
#shapely_home_parallax-3 p {
    color: #000000;
}



@media all and (max-width: 767px) {
	.OCC-meet p {
        font-size: 14px;
    }
}

@media all and (max-width: 767px) {
    br {
        display: block;
    }
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* fixing navigation colours for BG site */

nav {
    background: #000;
    -webkit-backface-visibility: hidden;
    max-width: 100%;
}

.main-navigation .menu li a {
/*      color: #999; */
    color: #d0d0d0;
}

.main-navigation .menu > li {
/*      color: #999; */
    color: #d0d0d0;
}
}


.breadcrumb {
	font-family: 'Lato', sans-serif;
    font-size:10px;
    font-weight: 300;
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}
.breadcrumb a {
    font-size:10px;
    font-weight:normal;
    text-decoration: none;
}


#breadcrumbs{
    list-style:none;
    overflow:hidden;
}
  
.breadcrumb ul#breadcrumbs {
    margin-bottom:0px;
    margin-left:10px;
    font-size:10px;
    font-weight:normal;
 }
  
#breadcrumbs li{
 	font-family: 'Lato', sans-serif;
    font-size:10px;
    font-weight: 300;
    display:inline-block;
    vertical-align:middle;
    margin-right:2px;
	text-align: left:
}
  
#breadcrumbs .separator{
    font-size:18px;
    font-weight:100;
    color:#ccc;
}

span.bread-current {
 	font-family: 'Lato', sans-serif;
    font-size:10px;
    font-weight: 300;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* fixing page layout for BG site */

section.content-area {
    padding: 21px 0 60px 0;
/*    padding: 21px 0 96px 0;  */
}

.page-template-full-width .entry-meta {
    display: none;
}

.error-404 h1.page-title {
 	font-family: 'Alice', serif;
    font-size: 36px;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 40px;
}

.error-404  p  {
 	font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 400;
}


.post-content .entry-content h1.post-title {
 	font-family: 'Alice', serif;
    font-size: 36px;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 40px;
}

.post-content .entry-content h2 {
 	font-family: 'Raleway', sans-serif;
    font-size: 28px;
    font-weight: 400;
    margin-top: 50px;
    margin-bottom: 30px;
}

.post-content .entry-content h3 {
 	font-family: 'Raleway', sans-serif;
    font-size: 22px;
    font-weight: 300;
    margin-top: 20px;
    margin-bottom: 20px;
}

div.shapely-content  p  {
 	font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 400;
}

div.col-sm-6, div.col-sm-4, div.col-sm-12 {
 	font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 400;
}

#shapely_home_parallax-2 div.top-parallax-section h1 {
 	font-family: 'Raleway', sans-serif;
    font-size: 44px;
    font-weight: 400;
	/* text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; */
	text-shadow: black 0.1em 0.1em 0.2em
	
}

#shapely_home_parallax-2 div.top-parallax-section h1 + div.mb32 > p {
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	/* text-shadow: black 0.1em 0.1em 0.2em */
    font-size: 18px;
}

.sm-lh {
	line-height: 1em !important;
}


@media (max-width: 767px) {
	.sm-lh {
		line-height: 1em !important;
	}
}

.homesmall {
    font-size: 11px !important;
	font-style: italic !important;
	line-height: 3px !important;
	text-transform: none !important;
}

.btn-link {
	color: #000000 !important;
}

h3.page-list-ext-title {
 	font-family: 'Raleway', sans-serif;
    font-size: 24px;
    font-weight: 400;
}

.page-list-ext-item-content {
 	font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 400;
}

ul.page-list li > a {
 	font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-weight: 400;
}

ul.page-list li {
	margin-bottom: 5px;
}

a.fancybox > img {
	margin-bottom: 15px;
}


@media (max-width: 767px) {
	.hide-when-small-display {
		display: none;
	}
}

/* If using the drop cap display */
/* Active drop cap style to replace the plugin */
span.wpsdc-drop-cap {
    font-size: 25px;
    line-height: 25px;
    min-width: 30px;
    padding: 3px 0px;
    margin: 4px 3px 0px 0px;
    color: #FFF;
    background: #00529b none repeat scroll 0% 0%;
    float: left;
    font-weight: 200;
    text-align: center;
    border-radius: 4px !important;
}


/* If using contact form button to display a pop-up contact (modal) form */
/* Forces the modal block to sit in front of the grey backdrop overlay */
#contactform {
    z-index: 1050 !important;
}

/* Ensures the dark backdrop stays correctly underneath the modal layout */
.modal-backdrop {
    z-index: 1040 !important;
}



/* trying to fix the logout displaying outside of menu black backing area.. makes the space between links smaller */
.module-group.right, .module.left {
	margin: 0px;
	padding-left: 5px;
}
 
.menu > li.dropdown {
/*	    padding-right: 18px;  */
    padding-right: 10px;
} 
 
.main-navigation .menu > li {
/*	    margin-right: 24px;  */
    margin-right: 16px;
    padding-right: 10px;
}

.main-navigation .menu > li:last-child {
    margin-right: 0;
    padding-right: 0px;
} 

.navbar-collapse {
    padding-right: 10px;
    padding-left: 10px;
} 

.shapely-dropdown {
/*	    padding: 0 10px;  */
    padding: 0px 5px 0 10px;
} 
/* end trying to fix the logout displaying outside of menu black backing area.. makes the space between links smaller */
 
 
input[type="text"], input[type="email"], input[type="tel"], textarea {
    background: #e0e0e0;
}


input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus, input[type="text"]:hover, input[type="email"]:hover, input[type="tel"]:hover, textarea:hover {
    background: #cccccc;
}


input[type="submit"], button[type="submit"] {
    padding-left: 10px;
    padding-right: 10px;
 	font-family: 'Raleway', sans-serif;
    font-size: 10px;
    font-weight: 400;
}

div.no-break-links  p > a {
	white-space: nowrap;
}

.post-content .entry-content div.no-h2-top-marg > h2:first-child {
	margin-top: 10px;
}


.brd-red {
    border-left: 3px solid #8B3434 !important;
    padding: 10px 3px 5px 5px;
	margin-bottom: 15px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Adding shortcode */


blockquote p:first-child::before, blockquote p:last-child::after {
    content: "";
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* try hotel code - different style */

* {
    box-sizing: border-box;
}
* {
    border-radius: 0 !important;
}
.shadow-wrapper {
    z-index: 1;
    position: relative;
}
.margin-right-40 {
    margin-right: 40px;
}
.margin-left-40 {
    margin-left: 40px;
}
.tag-box {
    padding: 10px;
    margin-bottom: 30px;
}
.box-shadow {
    background: #fff;
    position: relative;
}
.tag-back {
    background-color: #D0D5DF;
    border-color: #B1C1DE;
    border-left: 2px solid #4765a0;
}
.tag-box {
    padding-left: 10px;
    padding-right: 10px;
}
.box-shadow::after, .box-shadow::before {
    top: 80%;
    left: 5px;
    width: 50%;
    z-index: -1;
    content: "";
    bottom: 15px;
    max-width: 300px;
    background: #999;
    position: absolute;
}
.shadow-effect-2::after, .shadow-effect-2::before, .shadow-effect-3::before, .shadow-effect-4::after {
    -webkit-box-shadow: 0 15px 10px #999;
}
.shadow-effect-2::after, .shadow-effect-4::after {
    left: auto;
    right: 5px;
    -webkit-transform: rotate(3deg);
}

div.col-sm-4, div.col-sm-6, div.col-sm-12 {
	margin-top: 0px;
	margin-bottom: 0px;
	border-top: 0px;
	border-bottom: 0px;
}


#searchform.search-form {
	margin: 0 auto;
	text-align: center;
}