f/*
Theme Name: Woodville
Theme URI: http://alined.com/
Author: Alined Design
Author URI: http://alined.com/
Description: The 2015 theme for Woodville Alliance
Text Domain: woodville
*/


@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('fonts/MyriadPro-Regular.eot');
}
@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('fonts/MyriadPro-Regular.woff') format('woff'),
    url('fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
}

@font-face {
    font-family: 'Neris-Light';
    src: url('fonts/Neris-Light.eot');
}
@font-face {
    font-family: 'Neris-Light';
    src: url('fonts/Neris-Light.woff') format('woff'),
    url('fonts/Neris-Light.svg#Neris-Light') format('svg');
}

@font-face {
    font-family: 'Neris-Regular';
    src: url('fonts/Neris-Regular.eot');
}
@font-face {
    font-family: 'Neris-Regular';
    src: url('fonts/Neris-Regular.woff') format('woff'),
    url('fonts/Neris-Regular.svg#Neris-Regular') format('svg');
}

@font-face {
    font-family: 'Neris-SemiBold';
    src: url('fonts/Neris-SemiBold.eot');
}
@font-face {
    font-family: 'Neris-SemiBold';
    src: url('fonts/Neris-SemiBold.woff') format('woff'),
    url('fonts/Neris-SemiBold.svg#Neris-SemiBold') format('svg');
}

body, html {
    overflow: hidden;
}


body {
    margin:0;
    padding:0;
    font-family: 'Neris-Light', sans-serif;
    color:#59595C;
    font-size: 16px;
    background: #eeeeee;
}
.wrapper {
  float: left;
     clear: left;
    min-width: 1024px;
    position: relative;
    width: 100%;
}
.wrap {
    width:1024px;
    margin: 0 auto;
}
.page {
    float: left;
    clear: left;
    width: 100%;
}
body strong {
    font-family: 'Neris-SemiBold';
    font-weight: normal;
}
a {
    color:#F05A29;
    text-decoration: none;
}
a:hover{
    color:#000000;
}

a.button,
.woocommerce a.button {
    background: #E53C2E none repeat scroll 0 0;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    padding: 10px 40px;
}
a.button:hover {
    background:#ff9e15;
}


.red {
    color: #F05A29 !important;
}
h1 {
    font-family: "Neris-SemiBold";
    font-weight: normal;
    color:#F05A29;
    font-size: 35px;
}
h2 {
    font-weight: normal;
    color:#f05a29;
}
h3 {
    font-weight: normal;
    color:#f05a29;
}
h4 {
    font-weight: normal;
    color:#f05a29;
}




table {
    border-collapse: collapse;
}

table, th, td {
   border: 1px solid #CCCCCC;
} 
td {
    padding: 15px;
}


img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }


.header-top-wrapper
{
    background-color:white;
}
.header-top 
{
    background-color:white;
    border-bottom: 1px solid #d5d5d6;
    border-radius: 0px 0px 30% 0%;
}



.header-top .page
{
    padding:8px 0px;
    text-align:right;
    vertical-align:top;
}
.header-top .page a
{
    line-height: 28px;
    vertical-align:top;
    margin-left:16px;
    display:inline-block;
    height:28px;
}
.header-top .page a img
{
    display:inline-block;
    height:28px;
    vertical-align:top;
    margin-right:8px;
}
.header-top .page a span
{
    display:inline-block;
    height:28px;
    vertical-align:top;
    margin-right:8px;
}
.header {
    background:#FFFFFF;
}

#logo {
    float: left;
    margin: 50px 0 50px 10px;
}
.mobile {
    float: right;
    margin: 50px 20px 20px 0;
}
a.mobileMenuButton {
    background: url("images/menu_03.png") no-repeat scroll center center;
    display: none;
    height: 36px;
    text-indent: -999em;
    width: 36px;
}
#search {

    display:block;
    width: 201px;
    vertical-align:top;
    float:left;
}
#search input.search-field {

    border: 0px solid white;

    border-radius:0px;
    float: left;
    font-size: 14px;

    margin: 0px 0;

    padding: 0px 10px;
    height:28px;
    line-height:28px;
    width: 66%;
}
#search input.search-submit {

    background: white url("images/search.png") no-repeat scroll center center;
    border: 0px;
    color: #58585c;



    cursor: pointer;
    float: left;

    height: 28px;

    margin: 0px;
    text-indent: -999em;
    width: 42px;
    border: 1px solid white;
    border-radius:0px;
}
#donate {
    float: left;
    margin: 10px 5px;

    width: 296px;
}

#donate a.donate,
.woocommerce #donate a.donate {
    border-radius: 5px;

    display: inline-block;
    font-family: "Neris-SemiBold",sans-serif;
    font-size: 17px;

    margin: 3px 0px 3px auto;
    padding: 0.40em 15%;
    text-align: center;
    color: #FFFFFF;

    width: 60px;
    line-height:inherit;
    float:right;
}


#navigation {
    float: right;
    margin: 40px 0 0;
    position: relative;
    width: 68%;
}
#access {
    float: left;
}
#access ul {
    list-style: none outside none;
    margin: 0;
    padding-left: 0;
}
#access li {
    float: left;
    position: relative;
}
#access a {
    color: #59595C;
    display: block;
    padding: 10px 13px;
    text-decoration: none;
    font-family: 'Neris-SemiBold';
    font-size: 16px;
}
#access a span {
    display: block;
    font-size: 12px; 
    color: #939598;
    text-transform: uppercase;
}
#access ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    display: none;
    float: left;
    left: 0;
    margin: 0;
    position: absolute;
    width: 188px;
    z-index: 99999;
}
#access ul ul ul {
    left: 100%;
    top: 0;
}
#access ul ul a {
    border-bottom: 1px dotted #DDDDDD;
    color: #444444;
    font-size: 13px;
    font-weight: normal;
    height: auto;
    line-height: 1.4em;
    padding: 10px;
    width: 168px;
}
#access li:hover > a, #access ul ul:hover > a, #access a:focus {
}
#access li:hover > a, #access a:focus {
    color: #F05A29;
}
#access ul li:hover > ul {
    display: block;
}
#access .current-menu-item > a, #access .current-menu-ancestor > a, #access .current_page_item > a, #access .current_page_ancestor > a {
}



#sub_menus {
    float: right;
    margin: 20px;
    width: 69%;
}
#sub_menus ul {
    margin:0;
    padding: 0;
    list-style: none;
}
#sub_menus li {
    float: left;
    border-right: 1px solid #d5d5d6;
}
#sub_menus li.right {
    border-right: none;
}
#sub_menus li a {
    float: left;
    color:#59595C;
    font-size: 18px;
    font-family: 'Neris-Light';
    padding: 10px 30px 10px 23px !important;
    width: 180px;
}
#sub_menus li a span {
    font-family: 'Neris-SemiBold';
}
#sub_menus li a span.sub1 {
    color:#40B4E5;
}
#sub_menus li a span.sub2 {
    color:#009D4E;
  
}
#sub_menus li a span.sub3 {
    color:#FF9E15;
}




.pagebanner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;  
    height: 600px;
}  
.colour {
    background-image: url('images/orange-bg_03.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;  
    margin: -450px 0 0;
    height: 700px;
}
.orange {
    background-image: url('images/orange_03.png');
}
.blue {
    background-image: url('images/blue_03.png');
}
.green {
    background-image: url('images/green_03.png');
}
.noimage {
    background-image: url('images/noimage_03.png');
    background-position: center bottom;
    background-size: cover;
    margin: 0;
    max-height: 400px;
}
.no-orange {
    background-image: url('images/no-orange_03.png');
}
.no-blue {
    background-image: url('images/no-blue_03.png');
}
.no-green {
    background-image: url('images/no-green_03.png');
}
.gradient-wrap {
    background-image: url('images/gradient.png');
    height: 200px;
    bottom: 0;
    width:100%;
    position: absolute;
    left: 0;
}




.orange {
    color:#ff9e15;
}
.blue {
    color:#40b4e5;
}
.green {
    color:#009d4e;
}




.main {
    background: #F1F2F2;
}

.margined {
    float: left;
    width: 100%;
    margin: -385px 0 40px;
}
.color-title {
    font-family: "Neris-SemiBold";
}
.noimage .color-title {
    margin:0 2.5%;
    
}
.color-title h1 {
    font-size: 50px;
    color: #FFFFFF;
    line-height: 45px;
    font-weight: normal;
}

.embedded-content {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 10px;
    float: right;
    margin: 0 0 20px;
    min-height: 300px;
    padding: 0 2.5% 20px;
    width: 65%;
}
.embedded-content.wide {
    width:95%;
}

.sub-menu {
    float: left;
    margin: 0 0;
    min-height: 200px;
    padding: 0 2.5% 20px 0;
    width: 25%;
    
}
.sub-menu ul {
    margin: 0;
    padding: 0
}
.sub-menu li {
    border-top: 1px dotted #fff;
    font-size: 16px;
    list-style-type: none;
    padding: 2px 0;
} 
.sub-menu a {
    color: #FFFFFF;
}
.sub-menu a:hover {
    color: #DDDDDD;
}






 
#group1 h2 {
    color: #FFFFFF;
    font-size: 35px;
    margin: 30px 40px 10px;
    font-weight: normal;
}
.mainbanner {
    min-height:500px;
    background: url(images/woodville.jpg) no-repeat;
    background-size: cover;
    padding: 100px 0 125px;
}
#vertical-bg {
    position: absolute;
    top: 0;
    left: 0;
}


.post { 
    float: left;
    clear: left;
    border-top: 1px solid #CCCCCC;
    padding:10px 0;
    margin: 10px 0;
    width: 100% 
}

.mainbanne {
     clear: left;
    float: left;
    margin: -800px 30px 0;
    width: 100%;
    position: relative;
}
.mainbanne h1 { 
    color: #ffffff;
    font-size: 70px;
    line-height: 90%;
    width: 60%;
    font-family: "Neris-SemiBold",sans-serif
}
.mainbanne a.button {
    font-size: 30px;
    font-family: "Neris-SemiBold",sans-serif
}


.social {
    color: #ffffff;
    font-family: "Neris-Light";
    font-size: 20px;
    position: absolute;
    right: 40px;
    top: 40px;
    width: 20%;
}


.text-size {
    float: right;
    margin: 15px 20px 0;
}
.text-size a {
    cursor: pointer;
    color: #59595c;
}
.text-size a:hover {
    color:#CCCCCC;
}

.share {
    float: right;
    margin: 15px 0 0;
}
body.woocommerce-page .share
{
    display:none;
}
.addtoany_list {
    float: right;
    margin:-5px 0 0;
}


.latestnews {
    clear: left;
    float: left;
    margin: -250px 0 0;
    position: relative;
}
.latest-post {
    background: #ffffff none no-repeat scroll 0 0;
    border-radius: 5px;
    float: left;
    font-size: 16px;
    width: 300px;
    margin: 20px 2%;
}
.latest-post h3 {
  font-size:14px;
  text-transform: uppercase;
  font-family: "Neris-SemiBold",sans-serif;
  color: #939598;
  font-weight:normal;
}
.latest-post h3 a:hover {
    color:#FF9E15;
}
.latest-post p {
}

#box2.latest-post .inner-post a{
    color:#40b4e5;
}

#box3.latest-post .inner-post a{
    color:#ff9e15;
}

#box6.latest-post .inner-post a{
    color:#009d4e;
}

#box1.latest-post .text_overlay a, #box2.latest-post .text_overlay a, #box3.latest-post .text_overlay a, #box4.latest-post .text_overlay a, #box5.latest-post .text_overlay a, #box6.latest-post .text_overlay a{
    color:#FFFFFF;
}
#box1.latest-post a:hover, #box2.latest-post a:hover, #box3.latest-post a:hover, #box4.latest-post a:hover, #box5.latest-post a:hover, #box6.latest-post a:hover{
    color:#000000;
}

.latest-post .inner-post {
    background-repeat: no-repeat;
    background-size: contain;
    clear: left;
    float: left;
    height: 150px;
    padding: 180px 5% 20px;
    width: 90%;
    border-radius: 5px;
    position:relative;
}
.text_overlay{
    border-radius: 5px 5px 0px 0px;
    width:100%;
    position: absolute;
    top:0px;
    left:0px;
    height:178px;
    background:url(images/overlay-all.png) no-repeat;
}
.blueover .text_overlay{
    background:url(images/overlay-blue.png) no-repeat;
}
.greenover .text_overlay{
    background:url(images/overlay-green.png) no-repeat;
}
.yellowover .text_overlay{
    background:url(images/overlay-yellow.png) no-repeat;
}

.text_overlay .text_overlay_title a{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size:40px;
    color:#FFFFFF;
    text-align:left;
    line-height:42px;
    width:180px;
    left:25px;
}
.text_overlay .text_overlay_title a:hover{
    color:#f2f2f2;
}




.whoweare {
    float: left;
    clear: left;
    width: 100%;
    margin: 40px 0;
}
.who-div {
    background: #ffffff none no-repeat scroll right center / contain ;
    border-radius: 5px;
    float: left;
    font-size: 15px;
    height: 375px;
    margin: 20px 2%;
    padding: 10px 56% 0 2%;
    position: relative;
    width: 38%;
}
.who-image {
     background-size: cover;
    border-radius: 0 5px 5px 0;
    height: 385px;
    position: absolute;
    right: 0;
    top: 0;
    width: 56%;
} 


.back-to-top {
    float: right;
    color: #FFFFFF;
    margin: 90px 30px 0;
    font-size:18px;
    font-family: 'Neris-SemiBold';
}
.back-to-top a {
    color:#FFFFFF;
}


.facebook {
  background: #ffffff none no-repeat scroll 0 0;
    background-size: contain;
    background-position: right;
    border-radius: 5px;
    float: left;
    font-size: 14px;
    margin: 20px 2%;
    padding: 10px 2% 0;
    width: 42%;
}
.facebook img {
  width: 100%;
  height: auto;
}
.linkedin, .subscribe  {
  background: #ffffff none no-repeat scroll 0 0;
    background-size: contain;
    background-position: right;
    border-radius: 5px;
    float: left;
    font-size: 14px;
    margin: 20px 2%;
    padding: 10px 2% 0;
    width: 42%;
}
.linkedin img {
  width: 100%;
  height: auto;
}





 
.vacancy {
    float: left;
    clear: both;
    width: 100%;
    padding:10px 0;
    border-top:1px solid #CCCCCC;
}
.vacancy-form {
    float: left;
    clear: both;
    width: 100%;
    display: none;
}
 


  



.footer-logos {
    background:#FFFFFF;
}
.footer-logos.grey {
    background:none;
}
.footer-logos div.logo {
    float: left;
    width: 33.33%;
    margin: 40px 0;
    text-align: center;
}




.newsletter {
    background-image:url(images/footer_gradient_06.jpg);
    background-size: cover;
    color: #FFFFFF;
    padding: 40px 0;
}
.news-title {
    float: left;
    font-size: 22px;
    padding: 0 20px;
    font-family: "Neris-SemiBold",sans-serif;
}
.news-desc {
    float: left;
    width: 20%;
    padding: 0 20px;
}
.news-form {
    float: left;
}
.news-form input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #ffffff;
    border-radius: 5px;
    color: #ffffff;
    float: left;
    margin: 0 5px;
    padding: 5px 10px;
    font-family: "Neris-Regular",sans-serif;
    width: 20%;
    font-size: 14px;
}
.news-form input[type=submit] {
    border:none;
    cursor: pointer;
}
.news-form input[type=submit]:hover {
    color:#cccccc;
}


.footer {
    background: #FFFFFF;
}
#footer {
    float: left;
    clear: left;
    width:100%;
    margin: 30px 0;
}
.footer-menu {
    float: left;
    width:75%;
    margin: 0;
}
.menu {
  float: left;
}
.footer-menu .menu #access {
    margin: 0 0 40px;
}
.footer-social {
    float: left;
    margin:15px 0;
}
.footer-social a {
    float: left;
    margin: 0 5px;
}
.footer-social a.button {
    padding: 9px 20px;
}
.footerContact {
    float: right;
    width:20%;
    font-size: 14px;
}
.copyright {
    float: left;
    clear: both;
    margin: 10px 15px;
    font-size:13px;
}


#group2 {
    display: none;
}
#group1 {
    display: block
}


.gform_wrapper .top_label .gfield_label{
    font-weight:normal !important;
    font-family: "Neris-SemiBold",sans-serif;
    color:#F05A29;
    font-size:18px;
}
.gfield_radio li{
    float:left;
    clear:none;
    font-size:16px;
    width:100px;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"] {
    border-radius: 5px;
    font-family: "Neris-SemiBold",sans-serif;
    margin: 3px 0px;
    padding: 0.4em;
    text-align: center;
    color: #FFF;
    width: 100px;
    font-size: 17px;
    display: block !important;
    background: #E53C2E none repeat scroll 0px 0px;
    border: 0;
    cursor:pointer;
}
.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type="submit"]:hover {
    background: #FF9E15 none repeat scroll 0% 0%;
}


.ndis
{
    bottom: -250px;
    position: absolute;
    right: 80px;
}



/*  GALLERY STYLING  */
.gallery
{
    float: left;
    margin: 20px 0;
    width: 100%;
}
.gallery-item
{
    box-sizing: border-box;
    float: left;
    margin: 0;
    padding: 0 3% 0 0;
    text-align: center;
}
.gallery-item img
{
    max-width: 100%;
    height: auto;
}




@media screen and (min-width:787px) {
    #navigation, #sub_menus {
        display: block !important;
    }
}


@media screen and (max-width:1545px) {
    .margined {
        margin: -385px 0 0;
    }
    .margined.no-image {
        margin: -350px 0 0;
    }
}



@media screen and (max-width:1024px) {
    body, html {
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
    }
    .parallax {
        height: auto;
        overflow: scroll;
        perspective: none;
        -webkit-overflow-scrolling: touch;
    }
    .wrapper {
        min-width: 800px;
    }
    .wrap {
        width:800px;
    }
    #logo {
        margin: 20px 0 20px 10px;
    }
    #navigation {
        width: 100%;
        margin: 0;
        display: none;
    }
    #sub_menus {
        margin: 10px 0;
        width: 100%;
        display: none;
    }
    #sub_menus li {
        width:33%;
        text-align: center;
    }
    #sub_menus li a {
        padding: 0;
        width: 100%;
    }
    #vertical-bg img {
        width: 100%;
    } 
    .margined {
        margin: -400px 0 0;
    }  
    .embedded-content {
        padding: 0 5% 20px;
        width: 90%;
        min-height: 350px;
    }
    .sub-menu {
        width:90%;
        padding: 20px 5% 40px;
        min-height: auto;
    }
    .sub-menu a {
        color:#e53c2e;
    }
    .news-desc {
        width: 74%;
        padding: 10px 0;
    }

    #group1 {
        display: none;
    }
    #group2 {
        display: block;
    }
    .mainbanner {
        height: 400px;
        min-height: auto;
        padding: 50px 0 0;
    }
    .mobile-mainbanner {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        margin: -300px 5% 0;
        min-width: 90% !important;
        width: 90%;
    }
    .mobile-mainbanner h1 {
        color: #FFFFFF;
        font-family: "Neris-SemiBold",sans-serif;
        font-size: 70px;
        line-height: 90%;
    }
    .mobile-page {
        background: url(images/mobile-bg_03.png) repeat-y;
        background-size: cover;
    }
    .latestnews {
        margin: 0 5%;
    }

    .latest-post {
        width:42%;
        margin: 20px 4%;
    }
    
    .whoweare {
        margin: 0 5%;
        width: 90%;
    }
    .who-div {
        height: auto;
        margin: 0;
        padding: 200px 5% 20px;
        width: 90%;
    }
    .who-image {
        height: 200px;
        position: absolute;
        width: 100%;
    }
    .footer-logos.grey {
        background: #FFF
    }
    .social-red {
        color:#e53c2e;
        position: absolute;
        right: 30px;
        top: 30px;
    }
    .gradient-wrap {
        display: none;
    }
    .back-to-top {
        margin: 20px 30px 20px;
    }

}



@media screen and (max-width:787px) {
    .wrapper {
        min-width: 100%;
    }
    .wrap {
        width:100%;
    }
    a.mobileMenuButton {
        display: block;
    }
    #logo {
        width: 70%;
    }
    #donate {
        border-top: 1px solid #cccccc;
        margin: 0;
        padding: 10px 5%;
        width: 90%;
    }
    #navigation {
        width:100%;
    }
    #search {
        display: none;
    }
    #access li {
        width:100%;
        border-top: 1px solid #cccccc;
    }
    #access li a {
        text-align: center;
        padding:15px 1em;
    }
    #sub_menus {
        width:100%;
        margin:0;
    }
    #sub_menus li {
        width:100%;
        border: none;
        text-align: center;
        border-top: 1px solid #CCCCCC;
    }
    #sub_menus li a {
        width: 100%;
        padding: 10px 0;
    }
    .mainbanner {
        height: 200px;
        min-height: 150px;
        padding: 70px 0 0;
    }
    .mobile-mainbanner {
        margin: -200px 5% 0;
    }
    .mobile-mainbanner h1 {
        color: #FFFFFF;
        font-family: "Neris-SemiBold",sans-serif;
        font-size: 40px;
        line-height: 90%;
    }
    .gradient-wrap {
        display: none;
    }
    .pagebanner {
        height: 250px;
    }
    .colour {
        height: 150px;
    }
    .image {
        margin:-150px 0 0;
    }
    .margined {
        margin: 0 0 0;
    }
    .margined.no-image {
        margin:0;
    }
    .color-title {
        margin: 0 5%;
    }
    .color-title h1 {
        color:#F05A29;
    }
    .embedded-content {
        min-height: auto;
    }

    .latestnews {
        margin: 0px 5% 0;
        width: 90%;
    }
    .latest-post {
        margin: 20px auto;
        width: 300px;
    }
    .latest-post .inner-post {
       
    }
    .text_overlay .text_overlay_title a {
        -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -o-transform:translateY(-50%);
  transform:translateY(-50%);
  vertical-align:top;
 
  
    }
    
    .news-desc {
        width: 90%;
        padding: 10px 5%;
    }

    .news-form input {
        margin: 5px 2.5%;
        padding: 5px 2.5%;
        width: 90%;
    }
    .embedded-content.wide {
        margin: 0;
        padding: 0 5%;
        width: 90%;
    }
    .footer-logos div.logo {
        width:100%;
    }
    .footer-menu { 
        margin: 0 5%;
        width: 90%;
    }
    .menu {
        width: 100%;
    }
    #access {
        width: 100%
    }
    .social {
        width: 100%;
    }
    .footerContact {
        margin: 20px 5%;
        text-align: center;
        width: 90%;
    }
    img {
        max-width:100%;
        height: auto;
    }
    .social-red {
        display: none;
    }
    .color-title.orange h1 {
        color:#ff9e15;
    }
    .color-title.blue h1 {
        color:#40b4e5;
    }
    .color-title.green h1 {
        color:#009d4e;
    }
    .text-overlay {
         background: none;
    }
    #sub_menu_sub1, #sub_menu_sub2, #sub_menu_sub3 {
        display: none !important;
    }
    .share {
        clear: both;
        float: left;
    }
    .addtoany_list {
        float: left;
        margin: -5px 0 0
    }
    .text-size {
        clear: both;
        float: left;
        margin: 0 0 20px;
        width: 100%;
    }
}


@media screen and (max-width:380px) {
    #logo img {
        width: 100%;
    }
}



/**************************************************************************************
* THEME ADDITIONS - BOOKINGS AND CARERS SYSTEM OCTOBER 2016
**************************************************************************************/
.wc-appointments-appointment-form
{
    box-sizing:border-box;
}