/* ---------------------------------------------------------------------------------------------------- */
/* --- Still Water Camps 2022 ------------------------------------------------------------------------- */
/* --- San Antonio Website Design & Development - Backyard Studios ------------------------------------ */
/* --- www.backyardstudios.com ------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
.showMobile {
	display:none;
}
/* ---------------------------------------------------------------------------------------------------- */
/* --- Basic Elements --------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 480px),
screen and (max-device-width: 480px) 
  and (-webkit-min-device-pixel-ratio: 1) {
.showMobile {
	display:block;
}
.hideMobile {
	display:none;
}
#logoArea .logoImg a img {
    max-height: 100px;
}
#logoArea {
    background-position: left -38px;
}
#logoArea {
    min-height: 90px;
}
.ftLogo a img {
    max-width: 120px;
}	  
#mainContent.mainContent {
    padding: 30px 1% 50px;
}
#imgContent.bgrdDark .bgrdColor .alignRight .order-1 {
    order: 2!important;
    background: rgb(45,96,142);
    background: -webkit-linear-gradient(bottom, rgba(45,96,142,1) 60%, rgba(45,96,142,0) 100%);
    background: -o-linear-gradient(bottom, rgba(45,96,142,1) 60%, rgba(45,96,142,0) 100%);
    background: linear-gradient(to top, rgba(45,96,142,1) 60%, rgba(45,96,142,0) 100%);
}
#imgContent.bgrdLight .bgrdColor .order-2 {
    background: rgb(255,250,241);
    background: -webkit-linear-gradient(bottom, rgba(255,250,241,1) 30%, rgba(255,250,241,0) 80%);
    background: -o-linear-gradient(bottom, rgba(255,250,241,1) 30%, rgba(255,250,241,0) 80%);
    background: linear-gradient(to top, rgba(255,250,241,1) 30%, rgba(255,250,241,0) 80%);
}	
#imgContent.sizeFull {
    background-position: right -70px;
}
ul.list-columns > li .content {
    font-size: 15px;
    line-height: 19px;
}	  
/* --- Footer Area --------------------------------------------------------------------------------- */
#copyrightContent {
    font-size: 12px;
    line-height: 16px;
}
#featuredArea ul li a h4 {
    font-size: 25px;
    line-height: 30px;
}
.postNavArea {
    padding: 0 10px;
}
.postNav td.td1 a .spanTxt, .postNav td.td3 a .spanTxt {
    display: none;
}
.postNavArea .postNavP {
	font-size: 0px;
	line-height: 0px;
	width:20px;
	height: 20px;
	display: block;
	background-image: url("/_images/default/icon-previous.svg");
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0 auto;
}
.postNavArea .postNavN {
	font-size: 0px;
	line-height: 0px;
	width:20px;
	height: 20px;
	display: block;
	background-image: url("/_images/default/icon-next.svg");
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0 auto;
}
.postNav td.td1, .postNav td.td3 {
    vertical-align: top;
}
.postNav td.td1 a, .postNav td.td3 a {
    display: block;
    max-width: 60px;
    margin: 0 auto;
	padding: 9px 15px 8px;
    text-align: center;
}
.post-thumbnail {
    margin: 0 -15px;
}
#single .content {
    margin: 15px 0 0;
}
#single #mainContent.smallTop {
    padding-top: 30px;
}
/* --- Typography --------------------------------------------------------------------------------- */
.bigTitle {
    font-size: 30px;
    line-height: 33px;
}
hr {
    margin: 25px 15%;
}
h2, h3, h1.entry-title {
    font-size: 24px;
    line-height: 28px;
}
h1 {
    font-size: 25px;
    line-height: 28px;
}
h4 {
    font-size: 21px;
    line-height: 21px;
}
h5 {
    font-size: 18px;
    line-height: 22px;
}
h6 {
    font-size: 18px;
    line-height: 18px;
}
.subtitle {
    font-size: 18px;
    line-height: 20px;
}
.itemSection .content .topTitles {
    padding: 20px 0 10px;
}	
.single-team .post-thumbnail img {
    width: 70%;
}	
.subheading {
    padding: 0;
}
/* --- Form Area --------------------------------------------------------------------------------- */
.wpcf7-form .wpcf7-submit {
    margin-top: 5px;
    border: 0px;
    display: block;
    width: 100%;
    padding: 15px!important;
}
span.wpcf7-list-item {
    display: block;
    margin: 10px 0 0px 5px;
    font-size: 15px;
    line-height: 15px;
}
/* --- Gallery Area --------------------------------------------------------------------------------- */
ul.photoList.col4 li {
    width: 49.4%;
    margin: .3%;
}
.btnsArea {
    margin: 25px 0px 0;
}
ul.photoList.col5 li {
    width: 49%;
}	  
/* --- Intro Area --------------------------------------------------------------------------------- */
#mainContent .content {
    width: 100%;
}
#pageMenu .intro {
    width: 80%;
}	  
/*------------- Navigation -------------------------------------------------------------------*/

.navicon-line {
    margin-top: 6px;
}
/*------------- Homepage -------------------------------------------------------------------*/
ul.topList li .btnWhite {
    margin-top: 0;
}
ul.topList {
    margin: 0px 0 0px;
	vertical-align: middle;
}
ul.topList li.showTablet {
	line-height: 0px;
}
.vertCenterT {
  height: 100%;
  display: table;
  text-align: right;
  width: 100%; }

.innerT {
  display: table-cell;
  vertical-align: top; 
}
#testimonial .wrapper:after {
    left: 67%;
}
#imgContent.bgrdDark .bgrdColor {
    padding: 0 0 50px;
}
#imgContent.bgrdDark {
    padding-top: 40px;
}	
#imgContent.sizeRegular .feat-thumbnail {
    margin-top: 0;
}
/*------------- Footer Area -------------------------------------------------------------------*/
.ftLogo {
    padding-top: 0px;
}
.mainContent, #pageMenu {
    padding: 40px 0px;
}	 
#faqArea .accordion-button {
    font-size: 18px;
    line-height: 20px;
}	
#newsArea ul.blogList li .botBox h6 {
    font-size: 20px;
    line-height: 22px;
}	  
#testimonial .bgrdColor {
    padding: 75px 0;
}
#imgContent.bgrdLight .bgrdColor {
    padding: 30px 0 30px;
}
.ftCopy {
    font-size: 15px;
    line-height: 15px;
}
#featuredArea ul.feat-container.col5 li a h4 {
    font-size: 28px;
    line-height: 31px;
}
ul.campList li.waitList:after {
    width: 120px;
    height: 120px;
}	  
}
@media only screen and (max-width: 425px),
screen and (max-device-width: 425px) 
  and (-webkit-min-device-pixel-ratio: 1) {
/*------------- Typography Area -------------------------------------------------------------------*/  
h1 {
    font-size: 22px;
    line-height: 24px;
}
.subtitle {
    font-size: 17px;
    line-height: 19px;
}
body{
    font-size: 15px;
    line-height: 22px;
}
h3 {
    font-size: 22px;
    line-height: 25px;
}
h3.main-title {
	margin-bottom: 0px;
}
.nav-link {
    padding: 0.5rem 6px;
    font-size: 14px;
}	  
/*------------- Half Photo Area -------------------------------------------------------------------*/  
.itemSection .content .subtitle {
    margin-top: 0px;
    margin-bottom: 2px;
    text-transform: capitalize;
}
/*--- Team Area -------------------------------------------------------------------*/ 
ul.team-container.col4 li, ul.team-container.col5 li {
    width: 48%;
    margin: .5% 1% 15px;
}

.pageTitle .bigTitle {
    font-size: 24px;
    line-height: 24px;
    margin: 0px 0 0px 0;
}
/*--- Form Area -------------------------------------------------------------------*/
.wpcf7-text, .stec-layout-single-location .stec-layout-single-location-flex .stec-layout-single-location-right input, .log_forms input[type=text], input[type=password], .tickera_additional_info label input, .wpcf7-select, .wpcf7-textarea {
    padding: 7px 12px;
    margin: 5px 0px 0px;
}

}
@media only screen and (max-width: 375px),
screen and (max-device-width: 375px) 
  and (-webkit-min-device-pixel-ratio: 1) {
/*--- Footer Area -------------------------------------------------------------------*/
.ftLogo a img {
    max-height: 70px;
}
#copyrightContent {
    padding-top: 20px;
}
/*--- Testimonal Area -------------------------------------------------------------------*/
#testimonial h4 {
    font-size: 22px;
    line-height: 24px;
}
#featuredArea ul li a h4 {
    font-size: 23px;
    line-height: 26px;
}
#featuredArea ul li a h4:after {
    width: 140px;
}	  
ul.blogList.col3 li {
    width: 100%;
}
.nav-link {
    padding: 0.5rem 4px;
    font-size: 12px;
}
ul.serviceList li {
    width: 98%;
}
#videoList {
    padding: 0 2%;
}
ul.list-columns > li .packNo {
    font-size: 22px;
    line-height: 25px;
}	
ul.list-columns > li .itemName {
    font-size: 18px;
    line-height: 18px;
}	  
#imgContent.bgrdDark .bgrdColor {
    background: -webkit-linear-gradient(bottom, rgba(45,96,142,1) 57%, rgba(45,96,142,0) 100%);
    background: -o-linear-gradient(bottom, rgba(45,96,142,1) 57%, rgba(45,96,142,0) 100%);
    background: linear-gradient(to top, rgba(45,96,142,1) 57%, rgba(45,96,142,0) 100%);
}	  
/*--- Typography -------------------------------------------------------------------*/
.bigTitle {
    font-size: 25px;
    line-height: 28px;
}
h4, #subpage #mainContent .intro .resume_preview h1 {
    font-size: 19px;
    line-height: 20px;
}
h5 {
    font-size: 16px;
    line-height: 19px;
}
ul.team-container li h5 {
    margin-top: 5px;
    font-size: 18px;
    line-height: 22px;
}
.ftCopy {
    padding: 5px 0 0px;
    font-size: 14px;
    line-height: 16px;
}
.ftCopy span {
    font-size: 19px;
    line-height: 19px;
}
#footerArea {
    background-size: 160%;
}	  
.memberTitle {
    font-size: 14px;
    line-height: 16px;
}	  
a.btnBlue, .btnBlack, .searchandfilter input[type="submit"], .search404 form input[type="submit"], a.btnGreen, .postNav .td2 a, a.btnBrown, a.btnWhite, .postNav .td1 a, .postNav .td3 a, a.btnGreyOutline, a.btnWhite, .btnGrey, .btnBlue, .btnRed, .btnGreen, .btnYellow, .btnOrange, .btnPurple, .btnPink, .btnBrown, .searchandfilter input[type="submit"], .search404 form input[type="submit"], .wpcf7-form .wpcf7-submit, input[type="submit"], a.btnOutline {
    padding: 10px 14px;
    font-size: 13px;
    line-height: 13px;
}
/*--- Navigation -------------------------------------------------------------------*/

a.btnMobile {
    width: 30px;
}
/*--- Blog Area -------------------------------------------------------------------*/
ul.blogList li .overlay,
ul.blogList .overlayColor {
	display: none;
}
ul.blogList .overContent {
    position: relative;
}

/*--- Single Area -------------------------------------------------------------------*/
.postNav td.td1 a, .postNav td.td3 a {
    display: block;
    max-width: 45px;
    margin: 0 auto;
    padding: 9px 12px 8px;
}
.postNav td.td1, .postNav td.td3 {
    width: 20%;
}
.postNav td.td2 {
    width: 60%;
    text-align: center;
}
.postNav td.td2 a {
    display: block;
    padding: 11px;
    margin: 0 5px;
}
.itemSection .content {
    padding: 20px 5px;
}	  
/*--- Featured Area -------------------------------------------------------------------*/
ul.feat-container li a span.iconImg img {
    max-width: 45px;
    margin-top: 10px;
}	
.mainContent, #pageMenu {
    padding: 40px 5px;
}
#mainContent .subheading {
    padding: 0 5%;
}	  	
ul.feat-container.col5 li {
    width: 100%;
}
}
@media only screen and (max-width: 360px),
screen and (max-device-width: 360px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
	  
}
@media only screen and (max-width: 320px),
screen and (max-device-width: 320px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
#testimonial .wrapper:after, #imageMap, .home .topLines {
	display: none;
}
#imgContent.bgrdLight .bgrdColor {
    padding: 30px 0 30px;
}	  
}