/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */


html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {color: #707174}

h2 {text-align: center; color:#191919}

h3 {text-align: center; font-size: 35px; font-weight: 400; line-height: 1.3em; color: #191919; margin-bottom: 30px}

h4 {font-size: 28px; margin: 25px 0 20px}

h5 {color:#535354; font-size: 1.6em}

a:focus {outline:0}

hr {background: url(/img/global/hr.gif); height: 3px; width: 100%; border: none; margin: 85px 0}

header {}
header #header-wrapper {width: 1400px; margin: auto; height:185px; overflow: hidden}
header h1 {width:400px; height: 150px; background:url(/img/global/logo.png) no-repeat; background-size: 400px 150px; text-indent: -9999px; margin:18px 0 0; float: left}
header #header-wrapper nav {float: right}
header #header-wrapper nav ul {padding: 0}
header #header-wrapper nav ul li {display: inline-block; float: left}
header #header-wrapper nav ul li a {height: 185px; line-height: 185px; display: block; padding: 0 15px; color: #707174; font-weight: 400; font-size: 18px; text-transform: uppercase; text-decoration: none; border-right:solid 1px #FFFFFF}
/*header #header-wrapper nav ul li a:hover, 
header #header-wrapper nav ul li.active a {background: url(/img/global/arrow-up.png) no-repeat bottom center #cd1619; background-size: 16px 10px; color: #FFFFFF; text-decoration: none}*/

header #header-wrapper nav ul > li.active > a {background: url(/img/global/arrow-up.png) no-repeat bottom center #cd1619; background-size: 16px 10px; color: #FFFFFF; text-decoration: none}

header #header-wrapper nav ul li a:hover  {background: url(/img/global/arrow-up.png) no-repeat bottom center #cd1619; background-size: 16px 10px; color: #FFFFFF; text-decoration: none}

header #header-social-links {float: right; padding: 73px 0 0 20px}
header #header-social-links a {max-width: 37px; display: block; float: left; margin: 0 5px}
header #header-social-links a img {width: 100%; height: auto}

#about-wr {padding: 75px 0}
#about-wr #about-img {padding: 0 40px 0 0}
#about-wr h4 {color: #191919; margin-bottom: 30px; font-size: 32px}
#about-wr p.first {margin-bottom: 30px}
#about-wr a {width: 300px}

.dog-pattern {background: url(/img/global/dog-pattern.jpg); background-size: 298px 295px}

#donate-today {padding: 50px 0; color: #FFFFFF; text-align: center}
#donate-today h4 {width: 650px; height: 120px; background: url(/img/global/h4-donate-today.png) no-repeat; background-size:650px 120px; text-indent: -9999px; margin: 0 auto 30px}
#donate-today #donate-description p:first-child {font-size: 20px}
#donate-today a {width: 300px; margin-top: 30px}

#offers {text-align: center; padding: 60px 0}
#offers h4 {color: #191919; width: 100%; margin: 0 auto 35px; font-size: 32px}
#offers .offer-wrapper {padding: 40px 15px 55px}

footer {color: #FFFFFF; padding: 75px 0 100px}
footer .social-feed-h5 {border-bottom:solid 1px #FFFFFF; margin: 0 0 30px; padding: 0 0 20px}
footer h5 {color: #FFFFFF; font-size: 25px; margin: 5px 0; display: inline-block; float: left}
footer .social-feed-h5 img {float:left; margin-left: 15px}
footer .social-feed {padding: 0 65px 25px 0}
footer .social-feed p {padding-top: 5px; word-break: break-word} 
footer .social-feed p a {color: #FFFFFF; font-weight: 700}
footer .social-feed p a:hover {text-decoration: none}
footer .form-control {border-color:#FFFFFF}
footer #social-links-footer {padding: 75px 0 0; text-align: center}
footer #social-links-footer a,
footer #social-links-footer a img,
footer #social-links-footer-sm a,
footer #social-links-footer-sm a img {max-width:36px}
footer #social-links-footer a,
footer #social-links-footer-sm a {display: inline-block; margin-left: 4px}
footer #social-links-footer-sm a {margin-left: 0    }
footer .footer-about-desc {font-size: 1.2em; line-height: 1.5; max-width: 450px}

.btn {font-weight: 300; border:none}
.btn,
.navbar-nav>li>a {text-transform: uppercase}

.red-wrapper {background: #cd1719}

.christmas-warning {font-weight: 700; color: #cd1619; text-align: center}

.text-content p {font-size: 1.2em; margin-bottom: 30px}
.text-content ul {list-style: none; padding:0; margin:0}
.text-content ul li p {margin-bottom: 10px}
.text-content ul li {padding-left: 0.7em; text-indent: -.7em; font-size: 1.2em; margin-bottom: 10px}
.text-content ul li:before {content: "• "; color: #c9252b}

#links-strip h4 {text-transform: uppercase; font-size: 35px}
#links-strip a {width: 300px; font-size: 20px; margin-bottom: 10px}
#links-strip p.first {font-weight: 700; margin-bottom: 25px; max-width: 775px}
#links-strip1 {background: url(/img/global/links-strip-bg1.jpg) center center; background-size: cover}
#links-strip2 {background: url(/img/global/links-strip-bg2.jpg) center center; background-size: cover}
.half-width-link {padding: 50px 90px; color: #FFFFFF; height: 370px}

.gallery-img-wrapper {max-width: 220px; margin: 70px auto 0}

.modal-title {color: #191919}

#banner {background-size: cover; text-align: right; color: #FFFFFF; position: relative; background-position: center top;}
#banner-sm {background: url(/img/global/h2-bg.jpg) center top; background-size: 230px 126px}
#banner #banner-border,
#banner-sm #banner-border {height: 4px; background: url(/img/global/white-transparent-bg.png); width: 100%}
#banner .social-icons {position: absolute; left:0; width: 60px}
#banner .social-icons {top:143px}
#banner .social-icons img {width: 60px; height: auto; float: left}
#banner h2 {color: #FFFFFF; text-align: right; margin-top: 100px; font-size: 37px; margin-bottom: 28px; padding-left: 350px; line-height: 1.2}
#banner-sm h2 {color: #FFFFFF; background: url(/img/global/h2-westie.png) no-repeat; background-size: 55px 46px; height: 46px; line-height: 57px; font-size: 42px; margin: 43px 0 52px; text-align: left; padding: 0 0 0 80px}
#banner #banner-content > p {font-size: 28px; margin-bottom: 50px; padding-left: 475px}
#banner #banner-content a.btn {min-width: auto; font-size: 20px; padding-left: 20px; padding-right: 20px}
#banner #button {margin-bottom: 100px}



#home {padding: 60px 0; text-align: center}
#home h2 {margin-top: 0; margin-bottom: 30px}
#home #page-links {max-width: 1050px; margin: 55px auto 0}
#home #page-links a {display: block; margin: 0px auto 20px; text-align: center; color:#707174}
#home #page-links a.width-override {width: 290px; display: block; margin: 0px 0 20px -20px; text-align: center; color:#707174}
#home #page-links p.padding-override {padding-left: 20px; padding-right:20px;}
#home #page-links a:hover {text-decoration: none}
#home #page-links a h4 {color:#191919}
#home #page-links a p {font-size: 17px; margin: auto}

#home #page-links .no-link-style {display: block; margin: 0px auto 20px; text-align: center; color: #707174;}
#home #page-links .no-link-style h4 {color:#191919}
#home #page-links .no-link-style p {font-size: 17px; margin: auto}

#about-us {padding: 20px 0 75px}
#meet-the-team {padding: 20px 0}

#portrait-img {padding: 50px 0}
#portrait-img-form {padding: 25px 0}

#contact-btn {padding-top: 10px}
#contact-btn a {min-width: 230px}
.content-center {text-align: center!important;}

#commissions {padding: 60px 0; text-align: center}
#commissions #portrait-img {padding: 0 0 100px}

#form-wrapper {max-width: 1000px; margin: auto; font-size: 1.1em; padding: 35px 0 0}
#form-wrapper p {font-weight: 700; margin: 0 0 40px}
#form-wrapper .form-group {text-align: left; margin-bottom: 30px}
#form-wrapper .form-control {height: 48px}
#form-wrapper label {text-align: left; font-weight: 400; line-height: 41px}
#form-wrapper .btn {width:170px}
#form-wrapper textarea.form-control {height: 200px}

#other-work {padding: 60px 0; text-align: center}
#other-work #portrait-img {padding: 0 0 100px}

#blog {padding: 20px 0 60px}
#blog h2 {text-align:left; margin-top: 0;}
#blog .blog-item {padding-top: 0px; padding-bottom: 0x; text-align: left; float:left;}
#blog .blog-item .blog-link {margin-top: 0px; font-weight: 400; display: block; color: #535358; font-size: 1.4em}
#blog #blog-nav li {display: inline-block; padding: 0 0px; height: 55px}
#blog #blog-nav li a {background: #cd1619; color: #FFFFFF; padding: 10px 17px; font-size: 18px; text-transform: uppercase}
#blog #blog-nav li a:hover {background: #9e1d22; text-decoration: none}
#blog #blog-nav li a.disabled {opacity:0.5}
#blog-contact {font-size:26px}
#blog-contact .green-txt:first-child {font-size: 32px}
#blog-contact a {color:#87be40; font-weight: 700}
.blog-date {font-weight: 300; font-size: 14px}
.blog-link-wrapper {margin-bottom: 5px; }
#blog .blog-item h4 {margin-bottom: 5px; font-size: 18px; line-height: 25px}
#blog .blog-item .btn {width: 170px; margin-bottom: 0px;}
#blog ul {list-style: none; margin-left:0; padding-left:0;}
#blog ul li {list-style: none; margin-left:0; padding-left:0;}
#blog #submenu {margin-left:0; padding-left:0;}
#blog #submenu a {margin-left:0; padding-left:0;}
#blog .col-md-3 {padding-left:0;}



hr {margin: 30px 0; float:left; color: #0869b3;}
    
#contact {padding: 20px 0; text-align: center}
.text-padding {padding-left:170px; padding-right:170px;}

.btn-red {background-color:#cd1619; color:#fff; white-space: normal;}
.btn-red:hover {background-color:#b11315; color:#fff}
.btn-red:focus {background-color:#b11315; color:#fff}
.margin-left-responsive {margin-left: 20px;}

#friends-area {padding-bottom:0}
#login-form {padding-top: 45px; padding-bottom: 25px}
#login-form .form-horizontal .control-label {text-align: left}
#logged-out-content {padding-top: 45px}
#newsletter-downloads {max-width: 780px; margin: auto}
#newsletter-downloads div {float: left; width: 25%}
#newsletter-downloads div a {width: 100%; display: block; margin: 0 auto; background: url(/img/global/pdf.gif) no-repeat top center; background-size: 125px 125px; padding: 140px 0 0; text-align: center; height: 280px; color: #707174}

/*APPLICATION TO ADOPT FORM*/
.blue-wrapper {background-color: #0869b3}
.bg-lt-blue {background: #e8f0f7;}
#application-to-adopt {padding: 20px 0 75px; font-size: 20px;}
#application-to-adopt .form-control {display: block; height: 30px; padding: 6px 12px; font-size: 18px;}
#application-to-adopt h3.heading-style {color: #fff; padding: 6px 12px; font-size:30px;}
#application-to-adopt .responsive-alignment {text-align: right;}
#application-to-adopt .alignright {text-align: right;}
#application-to-adopt form label {text-transform: inherit!important;}
#application-to-adopt .form-group {text-align: left;}
#application-to-adopt .top-section {margin:30px 0;}
#application-to-adopt .top-section .row {margin:10px 0;}
#application-to-adopt .top-section label {padding:0 5px 0 0}
#application-to-adopt .mid-section {margin:30px 0;}
#application-to-adopt .mid-section label {margin:10px 0;}
#application-to-adopt .mid-section input {margin:5px 0;}
.form-horizontal .checkbox-inline {padding-top:0!important;}
.form-horizontal .radio-inline {padding-top:0!important;}
#application-to-adopt .checkbox-inline input[type="checkbox"] {width: 18px; height: 18px; border-radius: none; background-color: #fff; position:relative; margin:0 5px 0 0; padding:0;}
#application-to-adopt .confirmation .checkbox-inline {padding:0; margin:0;}  
#application-to-adopt .radio-inline input[type="radio"] {width: 18px; height: 18px; border-radius: none; background-color: #fff; position:relative; margin:0 5px 0 0; padding:0;}
#application-to-adopt .confirmation .radio-inline {padding:0; margin:0;}  
#application-to-adopt .horizontal-rule {border-bottom: 2px solid black; margin:20px 0;}
#application-to-adopt .radiowrapper {position: relative; display: inline-block; padding-left: 20px; vertical-align: middle; font-weight: normal}
#application-to-adopt #rent {display:none;}

/*DOG PROFILE QUESTIONNAIRE*/
#dog-profile-questionnaire {padding: 20px 0 75px; font-size: 20px;}
#dog-profile-questionnaire .form-control {display: block; height: 30px; padding: 6px 12px; font-size: 18px;}
#dog-profile-questionnaire h3.heading-style {color: #fff; padding: 6px 12px; font-size:30px;}
#dog-profile-questionnaire .responsive-alignment {text-align: right;}
#dog-profile-questionnaire .alignright {text-align: right;}
#dog-profile-questionnaire form label {text-transform: inherit!important;}
#dog-profile-questionnaire .form-group {text-align: left;}
#dog-profile-questionnaire .top-section {margin:30px 0;}
#dog-profile-questionnaire .top-section .row {margin:10px 0;}
#dog-profile-questionnaire .top-section label {padding:0 5px 0 0}
#dog-profile-questionnaire .mid-section {margin:30px 0;}
#dog-profile-questionnaire .mid-section label {margin:10px 0;}
#dog-profile-questionnaire .mid-section input,
#dog-profile-questionnaire .mid-section textarea {margin:5px 0}
#dog-profile-questionnaire .checkbox-inline input[type="checkbox"] {width: 18px; height: 18px; border-radius: none; background-color: #fff; position:relative; margin:0 5px 0 0; padding:0;}
#dog-profile-questionnaire .confirmation .checkbox-inline {padding:0; margin:0;}  
#dog-profile-questionnaire input[type="radio"] {width: 18px; height: 18px; border-radius: none; background-color: #fff; position:relative; margin:0 5px 0 0; padding:0;}
#dog-profile-questionnaire .confirmation .radio-inline {padding:0; margin:0;}  
#dog-profile-questionnaire .horizontal-rule {border-bottom: 2px solid black; margin:20px 0;}
#dog-profile-questionnaire .radiowrapper {position: relative; display: inline-block; padding-left: 20px; vertical-align: middle; font-weight: normal}
#dog-profile-questionnaire .relevantinfo .form-control {display: block; height: 100px; padding: 6px 12px; font-size: 18px;} 
#dog-profile-questionnaire h3.heading-style-panel {color: #fff; padding: 6px 12px; font-size:30px; margin-left:15px;margin-right:15px;}
#dog-profile-questionnaire #extra, 
#dog-profile-questionnaire #dateofseasons, 
#dog-profile-questionnaire #reactiondetails,
#dog-profile-questionnaire #difficulttocontrol,
#dog-profile-questionnaire #snappedorbitten,
#dog-profile-questionnaire #anotherdog,
#dog-profile-questionnaire #dogonfurniture,
#dog-profile-questionnaire #aggressive,
#dog-profile-questionnaire #neededtosmack,
#dog-profile-questionnaire #fightwithdog,
#dog-profile-questionnaire #dogescaped,
#dog-profile-questionnaire #dogfrightenedof {display:none;}

/*INITIAL REHOME*/
#initial-rehome {padding: 20px 0 75px; font-size: 20px;}
#initial-rehome .form-control {display: block; height: 30px; padding: 6px 12px; font-size: 18px;}
#initial-rehome h3.heading-style {color: #fff; padding: 6px 12px; font-size:30px;}
#initial-rehome .responsive-alignment {text-align: right;}
#initial-rehome .alignright {text-align: right;}
#initial-rehome form label {text-transform: inherit!important;}
#initial-rehome .form-group {text-align: left;}
#initial-rehome .top-section {margin:30px 0;}
#initial-rehome .top-section .row {margin:10px 0;}
#initial-rehome .top-section label {padding:0 5px 0 0}
#initial-rehome .mid-section {margin:30px 0;}
#initial-rehome .mid-section label {margin:10px 0;}
#initial-rehome .mid-section input {margin:5px 0;}
#initial-rehome .checkbox-inline input[type="checkbox"] {width: 18px; height: 18px; border-radius: none; background-color: #fff; position:relative; margin:0 5px 0 0; padding:0;}
#initial-rehome .confirmation .checkbox-inline {padding:0; margin:0;}  
#initial-rehome input[type="radio"] {width: 18px; height: 18px; border-radius: none; background-color: #fff; position:relative; margin:0 5px 0 0; padding:0;}
#initial-rehome .confirmation .radio-inline {padding:0; margin:0;}  
#initial-rehome .horizontal-rule {border-bottom: 2px solid black; margin:20px 0;}
#initial-rehome .radiowrapper {position: relative; display: inline-block; padding-left: 20px; vertical-align: middle; font-weight: normal}
#initial-rehome .relevantinfo .form-control {display: block; height: 100px; padding: 6px 12px; font-size: 18px;} 
#initial-rehome h3.heading-style-panel {color: #fff; padding: 6px 12px; font-size:30px; margin-left:15px;margin-right:15px;}
#initial-rehome .confirmation p {font-size: 15px; line-height: 21px; margin: 0; padding: 30px 0 0px 0;}
#initial-rehome .christmas-warning {margin-bottom: 0}

/*FRIENDS APPLICATION*/
#friends-application {padding: 20px 0 75px; font-size: 20px;}
#friends-application .form-control {display: block; height: 30px; padding: 6px 12px; font-size: 18px;}
#friends-application h3.heading-style {color: #fff; padding: 6px 12px; font-size:30px;}
#friends-application .alignright {text-align: right;}
#friends-application form label {text-transform: inherit!important;}
#friends-application .form-group {text-align: left;}
#friends-application .top-section {margin:30px 0;}
#friends-application .top-section .row {margin:10px 0;}
#friends-application .top-section label {padding:0 5px 0 0}
#friends-application .mid-section {margin:30px 0;}
#friends-application .mid-section label {margin:10px 0;}
#friends-application .mid-section input {margin:5px 0;}
#friends-application .checkbox-inline input[type="checkbox"],
#consent .checkbox-inline input {width: 18px; height: 18px; border-radius: none; background-color: #fff; position:relative; margin:0 5px 0 0; padding:0;}
#friends-application .confirmation .checkbox-inline {padding:0; margin:0;}  
#friends-application input[type="radio"] {width: 18px; height: 18px; border-radius: none; background-color: #fff; position:relative; margin:0 5px 0 0; padding:0;} 
#friends-application .horizontal-rule {border-bottom: 2px solid black; margin:20px 0;}
#friends-application .confirmation {padding: 30px 0 0px 0;}
#friends-application h3.heading-style-panel {color: #fff; padding: 6px 12px; font-size:30px; margin-left:15px;margin-right:15px;}
#fa-donate-btn {padding-top: 15px} 

#postdropdown {display:none;}


/*FRIENDS APPLICATION*/
#friends-subscription {padding: 20px 0 75px; font-size: 20px;}
#friends-subscription .form-control {display: block; height: 30px; padding: 6px 12px; font-size: 18px;}
#friends-subscription h3.heading-style {color: #fff; padding: 6px 12px; font-size:30px;}
#friends-subscription .alignright {text-align: right;}
#friends-subscription form label {text-transform: inherit!important;}
#friends-subscription .form-group {text-align: left;}
#friends-subscription .top-section {margin:30px 0;}
#friends-subscription .top-section .row {margin:10px 0;}
#friends-subscription .top-section label {padding:0 5px 0 0}
#friends-subscription .mid-section {margin:30px 0;}
#friends-subscription .mid-section label {margin:10px 0;}
#friends-subscription .mid-section input {margin:5px 0;}
#friends-subscription .checkbox-inline input[type="checkbox"] {width: 18px; height: 18px; border-radius: none; background-color: #fff; position:relative; margin:0 5px 0 0; padding:0;}
#friends-subscription .confirmation .checkbox-inline {padding:0; margin:0;}  
#friends-subscription input[type="radio"] {width: 18px; height: 18px; border-radius: none; background-color: #fff; position:relative; margin:0 5px 0 0; padding:0;} 
#friends-subscription .horizontal-rule {border-bottom: 2px solid black; margin:20px 0;}
#friends-subscription .confirmation {padding: 30px 0 0px 0;}
#friends-subscription h3.heading-style-panel {color: #fff; padding: 6px 12px; font-size:30px; margin-left:15px;margin-right:15px;}
#fs-donate-btn {padding-top: 15px} 

/*GIFT AID FORM*/
#gift-aid-form {padding: 20px 0 75px; font-size: 20px;}
#gift-aid-form .form-control {display: block; height: 30px; padding: 6px 12px; font-size: 18px;}
#gift-aid-form h3.heading-style {color: #fff; padding: 6px 12px; font-size:30px;}
#gift-aid-form .alignright {text-align: right;}
#gift-aid-form form label {text-transform: inherit!important;}
#gift-aid-form .form-group {text-align: left;}
#gift-aid-form .top-section {margin:30px 0;}
#gift-aid-form .top-section .row {margin:10px 0;}
#gift-aid-form .top-section label {padding:0 5px 0 0}
#gift-aid-form .mid-section {margin:30px 0;}
#gift-aid-form .mid-section label {margin:10px 0; }
#gift-aid-form .mid-section input {margin:5px 0;}
#gift-aid-form .checkbox-inline input[type="checkbox"] {width: 18px; height: 18px; border-radius: none; background-color: #fff; position:relative; margin:0 5px 0 0; padding:0;}
#gift-aid-form .confirmation .checkbox-inline {padding:0; margin:0;}  
#gift-aid-form input[type="radio"] {width: 18px; height: 18px; border-radius: none; background-color: #fff; position:relative; margin:0 5px 0 0; padding:0;} 
#gift-aid-form .horizontal-rule {border-bottom: 2px solid black; margin:20px 0;}
#gift-aid-form .confirmation {padding: 30px 0 0px 0;}
#gift-aid-form h3.heading-style-panel {color: #fff; padding: 6px 12px; font-size:30px; margin-left:15px;margin-right:15px;}
#gift-aid-form .donationamount, #gift-aid-form .donationdate {margin-top:0!important; padding-left:50px;}
#gift-aid-form .additional-options-one {display:none;}
#gift-aid-form .additional-options-two {display:none;}
#gift-aid-form .gift-aid-logo {float:none; margin-bottom: 50px; margin-top:20px;}
#gift-aid-form .gift-aid-logo img {width:330px; height:102px;} 

/*WESTIE UNITY LOTTERY*/
#westie-unity-lottery .unity-button {padding-bottom:10px;}
#westie-unity-lottery {padding: 20px 0 75px; font-size: 20px;}
#westie-unity-lottery h3.heading-style {color: #fff; padding: 6px 12px; font-size:30px;}
#westie-unity-lottery .alignright {text-align: right;}
#westie-unity-lottery .top-section {margin:30px 0;}
#westie-unity-lottery .top-section .row {margin:10px 0;}
#westie-unity-lottery .mid-section {margin:30px 0;}
#westie-unity-lottery .horizontal-rule {border-bottom: 2px solid black; margin:20px 0;}

/*volunteers-application-form*/
#volunteers-application-form {padding: 20px 0 75px; font-size: 20px;}
#volunteers-application-form .form-control {display: block; height: 30px; padding: 6px 12px; font-size: 18px;}
#volunteers-application-form h3.heading-style {color: #fff; padding: 6px 12px; font-size:30px;}
#volunteers-application-form .responsive-alignment {text-align: right;}
#volunteers-application-form .alignright {text-align: right;}
#volunteers-application-form form label {text-transform: inherit!important;}
#volunteers-application-form .form-group {text-align: left;}
#volunteers-application-form .top-section {margin:30px 0;}
#volunteers-application-form .top-section .row {margin:10px 0;}
#volunteers-application-form .top-section label {padding:0 5px 0 0}
#volunteers-application-form .mid-section {margin:30px 0;}
#volunteers-application-form .mid-section label {margin:10px 0;}
#volunteers-application-form .mid-section input {margin:5px 0;}
#volunteers-application-form .checkbox-inline input[type="checkbox"] {width: 18px; height: 18px; border-radius: none; background-color: #fff; position:relative; margin:0 5px 0 0; padding:0;}
#volunteers-application-form .confirmation .checkbox-inline {padding:0; margin:0;}  
#volunteers-application-form input[type="radio"] {width: 18px; height: 18px; border-radius: none; background-color: #fff; position:relative; margin:0 5px 0 0; padding:0;}
#volunteers-application-form .confirmation .radio-inline {padding:0; margin:0;}  
#volunteers-application-form .horizontal-rule {border-bottom: 2px solid black; margin:20px 0;}
#volunteers-application-form .radiowrapper {position: relative; display: inline-block; padding-left: 20px; vertical-align: middle; font-weight: normal}
#volunteers-application-form .relevantinfo .form-control {display: block; height: 100px; padding: 6px 12px; font-size: 18px;} 
#volunteers-application-form h3.heading-style-panel {color: #fff; padding: 6px 12px; font-size:30px; margin-left:15px;margin-right:15px;}
#volunteers-application-form .confirmation p {font-size: 15px; line-height: 21px; margin: 0; padding: 30px 0 0px 0;}
#volunteers-application-form p.caveat  {font-size: 16px!important; line-height: 21px; margin: 0; padding: 30px 0 0px 0;}
#volunteers-application-form .recenter-row {text-align: center; margin-right:20px;}
#any-dogs-now,
#willing-to-transport,
#misdemeanour,
#deniedprivileges,
#fencedgarden,
#dog-activity-details,
#dog-temperament-training-details,
#misdemeanour-details,
#medical-condition-details {display:none}



/* CONSENT FORM */
#consent #form-wrapper {padding: 0 15px 30px}
#consent label {text-transform: none}
#consent .checkbox-inline {padding-left: 0}
#consent .form-group-checkbox {margin-bottom: 20px}
#consent .radiowrapper {display: inline-block; padding: 5px 45px 20px 0; vertical-align: middle}
#consent .radiowrapper label {line-height: 28px} 
#volunteer-details {padding-top: 45px; text-align: left; max-width: 1000px; margin: 0 auto; color: #191919}
#consent #thank-you2 {padding-top: 60px}


.error {color:#cd1619; font-size:14px;}
.checkbox-error {display: none}


.registered-detail {text-align: center; color: #fff; margin-top:30px} 

.responsive-break {display:none;}

/*gallery - now case studies*/
.gallery-story {text-align: center; padding: 0 0 75px}
.gallery-story h4 {color: #c9252b; font-weight: 700}
#gallery-stories .imagery-wrapper {max-width: 940px; margin: 0 auto}
#gallery-stories .imagery-wrapper a {display: block}
.gallery-story > a {padding: 6px 60px}

/*GALLERY*/
.dog-name {font-size: 24px; margin: 15px 0 15px; text-align: center; line-height: 24px;}
.dog-reference {font-size: 20px; margin: 0px 0 10px; text-align: center; line-height: 23px;}
.dog-desc {font-size: 16px!important; text-align: center; margin-bottom: 15px!important}
.button-center {text-align:center;}


@media only screen and (max-width: 1450px) {
    header #header-wrapper {width: 1170px}
    header h1 {width:250px; height: 94px; background-size: 250px 94px; margin-top: 50px}
    header #header-wrapper nav ul li a {font-size: 15px; padding: 0 13px}

     /*QUESTIONNAIRE FORM MEDIA QUERIES*/
    #application-to-adopt .confirmation label.checkbox-inline {padding-left: 0; padding-right: 10px}
    #application-to-adopt .confirmation label.radio-inline {padding-left: 0; padding-right: 10px}

    /*QUESTIONNAIRE FORM MEDIA QUERIES*/
    #dog-profile-questionnaire .confirmation label.checkbox-inline {padding-left: 0; padding-right: 10px}
    #dog-profile-questionnaire .confirmation label.radio-inline {padding-left: 0; padding-right: 10px}

    /*INITIAL REHOME*/
    #initial-rehome .confirmation label.checkbox-inline {padding-left: 0; padding-right: 10px}
    #initial-rehome .confirmation label.radio-inline {padding-left: 0; padding-right: 10px}

    /*INITIAL REHOME*/
    #friends-application .confirmation label.checkbox-inline {padding-left: 0; padding-right: 10px}
    #friends-application .confirmation label.radio-inline {padding-left: 0; padding-right: 10px}

    /*GIFT AID*/
    #gift-aid-form .confirmation label.checkbox-inline {padding-left: 0; padding-right: 10px}
    #gift-aid-form .confirmation label.radio-inline {padding-left: 0; padding-right: 10px}

     /*VOLUNTEERS APPLICATION FORM*/
    #volunteers-application-form .confirmation label.checkbox-inline {padding-left: 0; padding-right: 10px}
    #volunteers-application-form .confirmation label.radio-inline {padding-left: 0; padding-right: 10px}

    .text-padding {padding-left:170px; padding-right:170px;}

}

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


    header #header-wrapper {width: 970px}
    header #header-wrapper nav ul li a {font-size: 13px; padding: 0 7px}

    #about-wr h4 {margin-top: 0}

    .half-width-link {padding: 30px 75px}

    #banner #banner-content > p {padding-left: 325px}

    #home #page-links a {width: 100%}
    #home #page-links a h4 {font-size: 1.1em}
    #home #page-links .no-link-style h4 {font-size: 1.1em!important;}

    .text-padding {padding-left:85px; padding-right:85px;}

    #home #page-links a.width-override {width: 100%; margin: 0px 0 20px 0px}
    #home #page-links p.padding-override {padding-left: 0px; padding-right:0px;}
}

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

    header #header-wrapper {width: 750px}
    header h1 {width:180px; height: 68px; background-size: 180px 68px; margin-top: 60px}
    header #header-social-links {display: none}

    footer h5 {font-size: 24px}
    footer .social-feed {padding: 0 25px 25px 0}

    #links-strip h4 {font-size: 31px}
    .half-width-link {padding: 25px 40px}
    #links-strip a {width: 245px}

    #banner h2 {margin-top: 65px; font-size: 1.7em; padding-left: 170px}
    #banner #button {margin-bottom: 65px}
    #banner #banner-content > p {padding-left: 200px; font-size: 22px}
    #banner #banner-content a.btn {font-size: 16px}

    #blog .blog-item .blog-link {margin-top: 20px} 
    /*#blog .blog-item .blog-date {margin-left: -15px;}
    #blog .blog-item .blog-description {margin-left: -15px!important;}*/

    #blog p {margin-left:-15px;}


    /*ADOPT FORM MEDIA QUERIES*/
    #application-to-adopt .responsive-alignment {text-align: left;}
    #application-to-adopt label.checkbox-inline {padding-left: 0; padding-right: 10px}
    #application-to-adopt label.radio-inline {padding-left: 0; padding-right: 10px}
    #application-to-adopt label {margin:10px 0 3px 0;}
    #application-to-adopt .top-section {padding-left:0; padding-right:0;}
    #application-to-adopt .radiowrapper {padding-left: 0; padding-right: 20px}
    #application-to-adopt .bg-lt-blue .col-md-4 {padding-left:0; padding-right:0;}

    /*QUESTIONNAIRE FORM MEDIA QUERIES*/
   /* #dog-profile-questionnaire label.checkbox-inline {padding-left: 0; padding-right: 10px}*/
    #dog-profile-questionnaire label.radio-inline {padding-left: 0; padding-right: 10px}
    #dog-profile-questionnaire label {margin:10px 0 3px 0;}
    #dog-profile-questionnaire .top-section {padding-left:0; padding-right:0;}
    /*#dog-profile-questionnaire .blue-container label {padding-left:15px; padding-right:0px;}*/
    #dog-profile-questionnaire .bluelabel {padding-left:15px!important;}    

    /*INITIAL REHOME FORM MEDIA QUERIES*/
    #initial-rehome  label.checkbox-inline {padding-left: 0; padding-right: 10px}
    #initial-rehome  label.radio-inline {padding-left: 0; padding-right: 10px}
    #initial-rehome  label {margin:10px 0 3px 0;}
    #initial-rehome  .top-section {padding-left:0; padding-right:0;}
    #initial-rehome .bg-lt-blue .col-md-4 {padding-left:0; padding-right:0;}

     /*FRIENDS APP FORM MEDIA QUERIES*/
    #friends-application  .responsive-alignment {text-align: left;}
    #friends-application  label.checkbox-inline {padding-left: 0; padding-right: 10px}
    #friends-application  label.radio-inline {padding-left: 0; padding-right: 10px}
    #friends-application  label {margin:10px 0 3px 0;}
    #friends-application  .top-section {padding-left:0; padding-right:0;}
    #friends-application .top-section label {padding-left:15px; padding-right:15px;}
    /*#friends-application .bg-lt-blue .col-md-2 {padding-left:0; padding-right:0;}
    #friends-application .bg-lt-blue .col-md-4 {padding-left:0; padding-right:0;}*/

    /*GIFT AID FORM MEDIA QUERIES*/
    /*#gift-aid-form  .responsive-alignment {text-align: left;}
    #gift-aid-form  label.checkbox-inline {padding-left: 0; padding-right: 10px}
    #gift-aid-form  label.radio-inline {padding-left: 0; padding-right: 10px}
    #gift-aid-form  label {margin:10px 0 3px 0;}
    #gift-aid-form  .top-section {padding-left:0; padding-right:0;}*/
    #gift-aid-form .bg-lt-blue .col-md-4 {padding-left:0; padding-right:0;}
    #gift-aid-form .mid-section input {margin:5px 0 0 34px;}
    #gift-aid-form .mid-section input {width: 50%}

    /*QUESTIONNAIRE FORM MEDIA QUERIES*/
    #volunteers-application-form label.checkbox-inline {padding-left: 0; padding-right: 10px}
    #volunteers-application-form label.radio-inline {padding-left: 0; padding-right: 10px}
    #volunteers-application-form label {margin:10px 0 3px 0;}
    /*#volunteers-application-form .top-section {padding-left:0; padding-right:0;}*/
    #volunteers-application-form .blue-container label {padding-left:0px; padding-right:15px;}

    .text-padding {padding-left:20px; padding-right:20px;}

    .rwd-break {display:block;}

     .margin-left-responsive {margin-left: 0px;}

    .btn-red {width:388px;}

    .top-section .col-md-4 {
        padding-left: 0; padding-right:0;
    }
}

@media only screen and (max-width: 767px) {
    header h1 {margin: 2px 15px; width:123px; height: 46px; background-size: 123px 46px}

    #donate-today h4 {width:290px; height: 54px; background: url(/img/global/h4-donate-today.png) no-repeat; background-size: 290px 54px}
    #donate-today a {width: 290px}

    footer #social-links-footer {padding: 100px 0 0}
    footer #social-links-footer a {display: block; margin: 10px 0 0}
    footer form .btn {font-size: 19px}

    #about-wr #about-img {max-width: 290px; margin: 0 auto 30px; padding: 0}
    #about-wr a {width: 290px}
    
    #offers .offer-wrapper {padding: 30px 15px 30px}

    .navbar {margin-bottom: 0}

    .half-width-link {padding: 45px 35px; height: auto}
    #links-strip a {width: 200px}

    #banner .social-icons {top: 50%; margin-top: -113px}
    #banner .social-icons img,
    #banner h2 {font-size: 1.4em; padding: 0; line-height: 1.3em} 
    #banner-sm h2 {font-size: 25px}
    #banner h2 {margin-top: 75px}
    #banner #banner-content > p {font-size: 15px; margin-bottom: 35px; padding-left: 190px}
    #banner #button {margin-bottom: 65px}
    #banner #banner-content a.btn {font-size: 17px; display: block; margin: 0 0 10px 15px; float: right}

    #home #page-links a {margin: 0px auto 35px}

    #portrait-img img {max-width: 290px; margin: 0 auto 30px}

    #blog #blog-nav {padding-bottom: 30px; padding-top: 30px}
    #blog #blog-nav li a {font-size: 15px}

    .long-headline {line-height: 27px!important;}

    /*QUESTIONNAIRE FORM MEDIA QUERIES*/
    #dog-profile-questionnaire .responsive-alignment {text-align: left;}
    #dog-profile-questionnaire .radiowrapper, #initial-rehome .radiowrapper {padding-left: 0px; padding-right: 20px;}

     /*INITIAL REHOME FORM MEDIA QUERIES*/
    #initial-rehome  .responsive-alignment {text-align: left;}
    #initial-rehome .bg-lt-blue .col-md-5 {padding-left:0; padding-right:0;}

     /*QUESTIONNAIRE FORM MEDIA QUERIES*/
    #volunteers-application-form .responsive-alignment {text-align: left;}
    #volunteers-application-form .radiowrapper, #initial-rehome .radiowrapper {padding-left: 0px; padding-right: 20px;}
    #volunteers-application-form .recenter-row {text-align: left; margin-right:0px;}
    #volunteers-application-form .col-sm-12 {margin-left:0; padding-left:0;}

    .responsive-break {display:block;}

    #newsletter-downloads div {float: left; width: 50%}

    /*gallery*/
    #gallery-stories .imagery-wrapper a {max-width: 455px; margin: 0 auto 30px}

}

@media only screen and (max-width: 620px) {
    #banner #banner-content > p {padding-left: 105px}
}

@media only screen and (max-width: 480px) {
    #gift-aid-form .gift-aid-logo img {width:100%; height:100%;} 
    .btn-red {width:100%;}
    #banner #banner-content > p {padding-left: 0px}


}



/* - - - - - - - SPONSORSHIP PROGRAMME - START - - - - - - - */

#portrait-img {padding: 15px 0 0}
#portrait-img .button-center {margin-bottom: 50px}

#sponsorship-content-wrapper #portrait-img {padding-bottom: 45px}

#sponsorship-programme-content {padding: 25px 0 35px}
#sponsorship-programme-content table {max-width: 650px; margin:20px auto 30px; text-align: center}
#sponsorship-programme-content table th,
#sponsorship-programme-content table td {padding: 5px 10px}
#sponsorship-programme-content table td.row-heading {font-weight: 700; padding-right: 15px; text-align: left}
#sponsorship-programme-content table tr.totals td {font-weight: 700}

#sponsorship-programme-form #form1_DonationFrequency {height: 35px}
#sponsorship-programme-form-checkbox .checkbox-inline {float: right}

/* - - - - - - - SPONSORSHIP PROGRAMME - END - - - - - - - */

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

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}