/*~~ Croydon Signs  ~~*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&family=Raleway:wght@500;700;900&display=swap');

.fudge { margin-left:30px; }

body.site { border-top: 0px solid #1ebdb8!important; overflow-x:hidden!important; padding:0px; padding-top:20px; }
.container-fluid { padding-right: 0px; padding-left: 0px; }

body { font-family: 'Noto Sans', sans-serif!important; }

h1, h2, h3, h4, h5, h6, .site-title { font-family: 'Raleway', sans-serif!important; }

h1, h2, h3 { font-weight:700; letter-spacing:2px!important; text-transform: uppercase!important; }

a { color: #00adef; font-weight: 700; }
a:hover { color: #EB008B!important; font-weight: 700; text-decoration:none!important; }
a:visited { color: #00adef; text-decoration:none!important; }

.page-header { border-bottom: 1px solid #00adef; }

.well { box-shadow: inset 0 0px 0px rgba(0,0,0,0.05); background-color: transparent; border: 1px solid transparent; padding:0px; }

div#aside.span3 { padding-left:0px; margin-left:0px; }
main#content.span9 { padding-left:0px; padding-right:2%; }

table { font-size:1em; line-height:1.5em; }
table tbody tr td p { font-size:1em; line-height:1.5em; }

@media only screen and (max-width: 480px) {
table { font-size:.8em; line-height:1.3em; }
table tbody tr td p { font-size:.8em; line-height:1.3em; }
}

@media only screen and (max-width: 320px) {
table { font-size:.7em; line-height:1.2em; }
table tbody tr td p { font-size:.7em; line-height:1.2em; }
}

@media only screen and (min-width: 980px) and (max-width: 1200px) {
.header-top-right p { font-size: 20px !important; }
p { font-size: 14px !important; line-height: 22px !important; }
h2 { font-size: 20px!important; line-height: 22px!important; }
h4 { font-size: 18px!important; line-height: 26px!important; }
.formResponsive input, .formResponsive textarea { font-size: 14px; }
.formResponsive input[type="text"] { font-size: 14px; }
label.formControlLabel { font-size:14px; }
.formResponsive input[type="submit"] { font-size:14px; line-height:26px; font-weight:400; }
.formResponsive .formError { font-size:14px; font-weight:400; }
.footer-menu-1 li a, .footer-menu-2 li a, .footer-menu-3 li a, .footer-menu-4 li a { font-size:1.2em!important; }
.custom.footer-menu-3 p { font-size:1.2em!important; line-height: 1.5em !important; }
.custom.footer-menu-3 p span.tel a { font-size: 24px !important; }
}

@media only screen and (max-width: 767px) {
main#content.span9 { padding-left:5%; padding-right:5%; }
div#sidebar.span3 { padding-left:5%; padding-right:5%; margin-top:5%; }
.row-fluid .span12 { width:100%!important; }
.fudge { margin-left: 0px; } 
}

@media only screen and (min-width: 768px) and (max-width: 799px) {
.row-fluid .span6 { float: none!important; display: block!important; width: 100%!important; margin-left: 0px; }
.fudge { margin-left: 0px; } 
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
.page-header h2 { margin-top:0px!important; }
}





/*~~ Header  ~~*/

.header-top-right {
  display: inline-block; 
  margin-top: 20px;
  text-align: right;
  margin-bottom: 20px;
}

.header-top-right p { font-family: 'Noto Sans', sans-serif; font-weight:400; font-size: 20px;  line-height: 12px!important; }
.header-top-right .tel { font-family: 'Noto Sans', sans-serif; font-weight:700; font-size: 32px;  line-height: 20px; margin-top:15px; }
.header-top-right .tel a { color: #EB008B; text-decoration:none; }
.header-top-right .tel a:hover { color:#f2dc00!important; text-decoration:none; }
span.tel a img { margin-top:-5px!important; }


.header-search.pull-right { margin-right:2.8%; }

.brand { margin-left:2.8%; margin-top: 3px; }


@media only screen and (max-width: 480px) {
span.tel a img { margin-top:10px!important; margin-left: -10px; }
}





/*~~ Menu  ~~*/

.navigation {
    background-color: #CDEEFF;
    padding: 0;
    margin-bottom: 0px;
    border-top: 0px;
    border-bottom: 0px;
}

.navigation li a { padding: 10px 0px 10px 0px !important; text-align:center!important; }

.nav li { width:10%; }

.nav li a { border-radius: 0px; }
.nav li a:focus { background-color: #C3F5F2; color:#fff!important; } 
.nav li a:hover { background-color: #EB008B!important; color:#fff!important; } 

.nav-pills > li > a { 
     font-family: 'Noto Sans', sans-serif!important;
     font-weight:400;
     font-size:1.2vw!important;
  	 padding-top: 20px!important; 
  	 padding-bottom: 20px!important; 
     margin-top: 0px;
     margin-bottom: 0px;
     border-right: 2px solid #00adef;
     border-radius: 0px;
     margin-right:0px;
}

.nav-pills > li.item-116 > a { border-right: 0px solid #00adef!important; }

@media only screen and (max-width: 1280px) {
.nav-pills > li > a { border-right: 1px solid #00adef!important; }
}

@media only screen and (min-width: 979px) and (max-width: 1280px) {
.nav-pills > li > a { padding-top:15px!important; padding-bottom:15px!important; }
}

@media only screen and (max-width: 979px) {
  .brand { margin-left:0px!important; margin-top: 3px; }
  .nav-collapse .nav > li > a { border-radius:0px!important; margin-bottom:0px; }
  
  .nav li { width: 100%!important; }
  .nav li a { font-size:22px!important; border-right: 0px; }
  .navigation .nav-pills { text-align:left!important; }
  .header .brand { float: none; display: block; text-align: center; }
  .header-top-right { margin-top: 10px!important; }
  
  .navbar.pull-left { margin-left:5px; }
  
  .pull-right { display: block!important; }
    
  .header-search.pull-right {
    float: none !important;
    margin-left: auto;
    margin-right: auto;
    width: 445px;
    margin-bottom: 25px !important;
   }
  
  .header-top-right {
    display: block;
    padding-top: 10px !important;
    text-align: center;
    margin-bottom: 0px;
 }
}

@media only screen and (max-width: 480px) {
.brand {
    margin-left: auto!important;
    margin-top: 0px;
    max-width: 300px;
    margin-right: auto!important;
}
.header-search.pull-right {
    margin-top: 10px !important;
    max-width: 220px;
    margin-left: auto;
    margin-right: auto;
 }
.header-top-right p { font-size:18px; line-height:23px!important; padding-bottom:0px; }
.header-top-right .tel { line-height:40px!important; }
.header-top-right { padding-top:0px!important; }
}







/*~~ Content  ~~*/

.row-fluid .span9 { width: 73.468085099%; }

#content { padding-left: 3%; padding-right: 3%; padding-top:20px; }

@media only screen and (max-width: 767px) {
#content { padding-left: 5%; padding-right: 5%; }
.row-fluid .span9 { width: 100%;}
}

h2, h3 { color: #EB008B;}
h4 { font-size:20px; line-height:28px; padding-bottom:10px; color: #00adef;}
p { font-size:16px; line-height:24px; padding-bottom:10px;}



/*~~ BA Gallery  ~~*/

div.span12.ba-gallery-grid.css-style-1 { }
div.span12.category-filter { margin-top:-15px!important; }
.ba-gallery { margin-bottom:-20px; }

@media only screen and (max-width: 1200px) {
.ba-gallery select.ba-select-filter { margin-top: 0px!important; margin-bottom: -17px!important; }
.ba-gallery-content-wrapper .ba-gallery-content .row-fluid { margin-bottom:0px; }
}

@media only screen and (max-width: 767px) {
.ba-gallery { padding: 0 0px!important; }
}



/*~~ Contact Page  ~~*/

div.map { display:inline-block; width:64%; margin-right:2.5%; vertical-align:top; }
div.message { display:inline-block; width:33%; }
div.message h2 { margin-top:14px; }

@media only screen and (max-width: 1023px) {
div.map { display:block; width:100%; margin-right:0%; }
div.message { display:block; width:100%; }
}




/*~~ RS Forms  ~~*/

.formResponsive input, .formResponsive textarea { width: 100%; margin-bottom:0px!important; font-size: 16px; }
.formResponsive input[type="text"] { height:30px; font-size: 16px; }
label.formControlLabel { font-size:16px; margin-bottom:10px; }
.formResponsive input[type="submit"] { font-size:16px; line-height:28px; font-family: 'Noto Sans', sans-serif; font-weight:700; }
.formResponsive .formError { font-size:16px; font-family: 'Noto Sans', sans-serif; font-weight:700; padding-left:0px!important; margin-left:0px!important; margin-top:10px; }

@media only screen and (max-width: 979px) {
.formResponsive input, .formResponsive textarea { width: 98%; }  
}

@media only screen and (max-width: 650px) {
.formResponsive input[type="text"], .formResponsive input[type="password"], .formResponsive textarea {  width: 96% !important; }
.formResponsive select {  width:auto!important; } 
}




/*~~ Blog Images  ~~*/

.pull-left.item-image { border-width:1px!important; border-style:solid; border-color: #00adef; margin-top:10px; }


@media only screen and (min-width: 1441px) {
div.span12 div.item.column-1 div.pull-left.item-image { min-width:500px!important; max-width:500px!important; height:500px!important; }
div.span12 div.item.column-1 div.pull-left.item-image img { min-width:100%; }
}

@media only screen and (min-width: 1024px) and (max-width: 1440px)  {
div.span12 div.item.column-1 div.pull-left.item-image { min-width:400px!important; max-width:400px!important; height:400px!important; }
div.span12 div.item.column-1 div.pull-left.item-image img { min-width:100%; }
}

@media only screen and (min-width: 768px) and (max-width: 1023px)  {
div.span12 div.item.column-1 div.pull-left.item-image { min-width:300px!important; max-width:300px!important; height:300px!important;  }
div.span12 div.item.column-1 div.pull-left.item-image img { min-width:100%; }
}



/*~~ Featured Articles Blog Images ~~*/

.items-row.cols-3.row-0.row-fluid .item.column-1.span4 .pull-left.item-image { margin-right:10px!important;  }
.items-row.cols-3.row-0.row-fluid .item.column-2.span4 .pull-left.item-image  { margin-right:10px!important;  }
.items-row.cols-3.row-0.row-fluid .item.column-3.span4 .pull-left.item-image  { margin-right:10px!important; }

@media only screen and (max-width: 767px) {
.items-row.cols-3.row-0.row-fluid .item.column-1.span4 .pull-left.item-image { margin-top: -15px !important; }
.items-row.cols-3.row-0.row-fluid .item.column-2.span4 .pull-left.item-image  {margin-top: -15px !important; }
.items-row.cols-3.row-0.row-fluid .item.column-3.span4 .pull-left.item-image  { margin-top: -15px !important; }
}



/*~~ SideBar ~~*/

.row-fluid .span3 { padding-left: 3%; margin-right: 0%; margin-top: 2%; padding-bottom: 2%; }

@media only screen and (min-width: 861px) and (max-width: 979px) {
.row-fluid .span3 { margin-top: 2.5%; }
}

@media only screen and (min-width: 768px) and (max-width: 860px) {
.row-fluid .span3 { margin-top: 3.2%; }
}

@media only screen and (max-width: 767px) {
.row-fluid .span3 { padding-bottom: 0%; }
}  






/*~~ Footer  ~~*/

.footer .container-fluid { padding-left:3%!important; padding-right:3%!important; color: #E7D1E7; background-color: #333333!important;  }

@media only screen and (max-width: 767px) {
.footer .container-fluid { padding-left:5%!important; padding-right:5%!important; }
}

.footer .container-fluid hr { display:none!important; }

.footer .container-fluid p { font-size:1.4em; line-height: 1.5em; }

footer.footer { margin-bottom: 0px!important; padding-top:10px; }

span.separator { font-size:1.4em; line-height:1.6em; color: #C3AA84;  }

.footer-menu-1 { 
    font-family: 'Noto Sans', sans-serif!important; font-weight:400!important;
    color:#C3AA84!important;
  	display: inline-block; 
  	position: top;
  	width: 20%;
  	margin-right: 0px; 
    margin-left: 0px; 
  	margin-bottom: 40px!important;
    margin-top:40px;
    vertical-align:top;
}
.footer-menu-2{ 
    font-family: 'Noto Sans', sans-serif!important; font-weight:400!important;
  	display: inline-block; 
  	position: top;
  	width: 22%;
  	margin-right: 0px; 
    margin-left: 0px; 
  	margin-bottom: 40px!important;
    margin-top:40px;
    vertical-align:top;
}

.footer-menu-3 {
    font-family: 'Noto Sans', sans-serif!important; font-weight:400!important;
  	display: inline-block; 
  	position: top;
  	width: 22%;
  	margin-right: 0px; 
    margin-left: 0px; 
  	margin-bottom: 40px!important;
    margin-top:40px;
    vertical-align:top;
}

.footer-menu-4 { 
  	display: inline-block; 
  	position: top;
  	width: 22%!important;
  	margin-right: 150px; 
    margin-left: 0px; 
  	margin-bottom: 40px!important;
    margin-top:40px;
    vertical-align:top;
}

.footer-menu-4-contact a { 
  	color:#fff;
}

.custom.footer-menu-3 p span.tel a:hover { color:#f2dc00!important; }

.footer-menu-1 li, .footer-menu-2 li, .footer-menu-3 li { width:100%!important; }

.footer-menu-1 li a, .footer-menu-2 li a, .footer-menu-3 li a, .footer-menu-4 li a  { font-weight:400; padding-top:12px; padding-bottom:12px; font-size:1.4em; color:#E7D1E7;}

.footer-menu-1 li a:hover, .footer-menu-2 li a:hover, .footer-menu-3 li a:hover { background-color: transparent!important; color:#f2dc00!important; }


@media only screen and (max-width: 979px) {
.footer-menu-1 { display:block; width:100%; text-align:center; } 
.footer-menu-2 { display:block; width:100%; text-align:center; } 
.footer-menu-3 { display:block; width:100%; text-align:center; } 
.footer-menu-4 { display:block; margin-left:auto; margin-right:auto; text-align:center; width:100%!important; } 
.footer-menu-1 li a, .footer-menu-2 li a, .footer-menu-3 li a, span.separator { font-size:1.8em; color: #E7D1E7;} 
.footer-menu-3 p { font-size:1.6em!important; line-height:1.6em!important; }
}

@media only screen and (min-width: 980px) and (max-width: 1217px) {
.footer-menu-1 { width:22%; }
.footer-menu-2 { width:24%; }
.footer-menu-3 { width:24%; }
.footer-menu-4 { width:24%; }
.custom.footer-menu-4 { margin-right: 50px; }
}

@media only screen and (max-width: 979px) {
.twitter-timeline.twitter-timeline-rendered { margin-left:auto; margin-right:auto; }
}

@media only screen and (max-width: 768px) {
.footer .container-fluid p { font-size:1em; line-height: 1.4em; }
}

@media only screen and (max-width: 767px) {
.pull-left.item-image { margin-right:0px!important; min-width:100%!important; }
.pull-left.item-image img { min-width:100%!important;  }
} 


@media only screen and (max-width: 480px) {
.footer .container-fluid p { font-size: 1em; }
  .footer .container-fluid {
    padding-left: 30px !important;
    padding-right: 30px !important;
}
}

.pull-right { display: inline-block; }

a#back-top { color:#E7D1E7!important; text-decoration: none; font-weight: 400 !important;  }  

@media only screen and (min-width: 1971px) {
footer.footer .container-fluid .pull-right { padding-top:30px!important; }
}

@media only screen and (max-width: 414px) {
  a#back-top { display:none; }
  .footer .container-fluid p { text-align: center; font-size: 1.2em; }
}