/*For CSS shared between site/admin/core */
 
@import "vars.css"; 

@font-face {
font-family: 'tcm_banner_text';
font-style: normal;
font-weight: 400;
src:  url('/fonts/tcm_banner.woff') format('woff');
}
@font-face {
font-family: 'tcm_banner_text';
font-style: normal;
font-weight: 700;
src: url('/fonts/tcm_banner_bold.woff') format('woff');
}
@font-face {
font-family: 'tcm_banner_text';
font-style: normal;
font-weight: 100;
src: url('/fonts/tcm_banner_light.woff') format('woff');
}


/*site classes*/
.tcm_title {font-weight:bold; color: rgb(var(--title)); margin:5px 0;}
hr {height:6px; border-style:none ; padding:0; }
hr.thin {height:3px;}
.tcm hr, .tcm .colour, .tcm_colour {background-color:rgba(var(--tcm),1);}
.hire hr, .hire .colour {background-color:rgba(var(--hire),1);}
.vouchers hr, .voucher .colour, .vouchers_colour {background-color:rgba(var(--vouchers),1); color:#fff;}
.bushcraft hr, .bushcraft .colour {background-color:rgba(var(--bushcraft),1);}
.guided hr, .guided .colour{background-color:rgba(var(--guided),1); color:#fff;}
.overnight hr, .overnight .colour {background-color:rgba(var(--overnight),1);}
.adventure_days hr, .adventure_days .colour {background-color:rgba(var(--adventure_days),1);}
.angling hr, .angling .colour {background-color:rgba(var(--angling),1);}
.fungi hr, .fungi .colour {background-color:rgba(var(--fungi),1);}
.steamer hr, .steamer .colour {background-color:rgba(var(--paddle_steamer),1);}
.bespoke hr, .bespoke .colour {background-color:rgba(var(--bespoke),1);}
.trips hr, .trips .colour {background-color:rgba(var(--trips),1);}
.lessons hr, .lessons .colour {background-color:rgba(var(--lessons),1);}




/*form item style*/ 
.form_item {font-family: arial; border-radius:2px;border: 1px solid #cfcfcf;background-color: #efefef; color:#333; box-sizing:border-box;}
textarea.form_item {padding:2px;}
select.form_item option {color:#333;}


 
 
 /*Splash Image*/
.splash_image { position:relative; line-height:0.9; margin-bottom:15px;}
.splash_image .fade {position: absolute; bottom:0px; z-index:45; display: block;width: 100%; height:10%; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 100%);}
.splash_text { position:absolute; color:#fff;text-shadow:2px 2px 2px #000; font-family:tcm_banner_text; z-index:48;}

.splash_text_bold {font-weight:bolder;}
.splash_text_normal {font-weight:normal;}
.splash_text_light {font-weight:lighter;}

/* Over 1800px wide */
#over_1800{}
@media screen and (min-width : 1800px){   
.splash_text_small {font-size:5rem; line-height:5rem;}
.splash_text_medium {font-size:7rem; line-height:7rem;}
.splash_text_large {font-size:9rem; line-height:9rem;} 

    }




 /*Splash Image Editing Classes*/
.splash_uploader {min-width:800px; padding:10px; box-sizing:border-box;}


.splash_text_small {font-size:5rem; line-height:5rem; padding-bottom: 5px;}
.splash_text_medium {font-size:7rem; line-height:7rem; padding-bottom: 9px;}
.splash_text_large {font-size:9rem; line-height:9rem; padding-bottom: 15px;} 


.splash_text_editable {position:relative; display:inline-block;}
.splash_text_editable:hover, .splash_text_editing {background-color:rgba(255,255,255,0.35); box-shadow:0 0 0 4px rgba(255,255,255,0.35); padding-bottom:inherit;}
.splash_text_options{position:absolute; z-index:50; top:-25px; left:0;  height:25px; width:175px; display:none;}
.splash_text_button {display:inline-block; padding:2px;  font-family:arial; background-color:rgba(20,20,20,0.5); border:1px solid #dedede; border-radius:2px; height:18px; vertical-align: top; box-sizing: border-box; width:18px; text-align:center; color:#fff; margin-right:1px; cursor:pointer;}
.splash_text_button.small_icon { font-size:8px; line-height:17px;} 
.splash_text_button.medium_icon { font-size:11px; line-height:16px;} 
.splash_text_button.large_icon { font-size:14px; line-height:13px;} 
.splash_text_button .weight_icon {display:inline-block; height:11px; border-left-style:solid; border-left-color:#fff;}
.splash_text_button.delete_button img {filter:invert(64%) sepia(47%) saturate(7479%) hue-rotate(341deg) brightness(106%) contrast(95%);}
.splash_text_button.move_handle {margin:0px 4px 0 -38px ; width:30px; height:25px;cursor:grab;}
.splash_text_button.move_handle img {filter:invert(100%) brightness(200%);display: inline-block;vertical-align: top;}
 
 
 .admin_button {color:#666; font-size:12px;  border-left:1px solid #888; border-right:2px solid #888; border-top:solid 1px #888; border-bottom:2px solid #888; border-radius:5px; line-height:1.1; padding:5px 3px 3px 3px; background-color:#efefef; box-shadow:1px 1px 1px #666;}
.gallery_folder {width:75px; height:45px; font-size:12px; font-family:arial; background-image:url('/images/site/folder.png'); text-align:center; margin:3px 5px; display:inline-flex; justify-content:center; align-items:center;;}

