/* My Turunc 2015 base styling */

/* === Color Styling === */
/*
Original Colour Pairs -
		Dark				Light (-7 shades)
Orange	ff8300	255,131,0	F0D1B2 240,209,178
Blue	04647F	4,100,127	bdd0d9 189,208,217
Red		CD2B00	205,43,0	f0bfb2 240,191,178
Green 	009240	0,146,64	99d3b3 153,211,179
Turq	00b8e6	0,184,230	ccf1fa 204,241,250
Purple	91476a	145,71,106	ddc8d1	221,200,209
*/

/* Revised Colour Pairs -
		Dark			Light (-2 shades)	Wash (-7 shades)
Orange	#ff8300			#FF9C33				#FFDAB2
Blue	#4e6ecf			#718BD9				#CAD4F1
Red		#e41b17			#E94945				#F7BBB9
Green 	#009240			#33A866				#B2DEC6
Purple	#91476a			#A76C88				#DEC8D2
xtra dark is +3
*/

/* Basics */
.myt-orange-dark {color: #ff8300;}
.myt-orange-light {color: #FF9C33;}
.myt-orange-xtra-dark {color:#B25C00;}
.myt-blue-dark {color: #4e6ecf;}
.myt-blue-light {color: #718BD9;}
.myt-blue-xtra-dark {color:#374D91;}
.myt-red-dark {color: #e41b17;}
.myt-red-light {color: #E94945;}
.myt-red-xtra-dark {color:#A01310;}
.myt-green-dark {color: #009240;}
.myt-green-light {color: #33A866;}
.myt-green-xtra-dark {color:#00662D;}
.myt-purple-dark {color: #91476a;}
.myt-purple-light {color: #a76b88;}
.myt-purple-xtra-dark {color:#66324A;}

/* Custom link styles for Home page */
.myt-blue-dark a:link, .myt-blue-dark a:active, .myt-blue-dark a:visited {color: #4e6ecf;}
.myt-red-dark a:link, .myt-red-dark a:active, .myt-red-dark a:visited {color: #e41b17;}
.myt-green-dark a:link, .myt-green-dark a:active, .myt-green-dark a:visited {color: #009240;}
.myt-purple-dark a:link, .myt-purple-dark a:active, .myt-purple-dark a:visited {color: #91476a;}

/* inverse */
.myt-red-inverse {background-color: #e41b17; color: #ffffff}

/* Washes */
.wash-clear {background-color: #ffffff;}
.myt-orange-wash {background-color: #FFDAB2;}
.myt-blue-wash {background-color: #CAD4F1;}
.myt-red-wash {background-color: #F7BBB9;}
.myt-green-wash {background-color: #B2DEC6;}
.myt-purple-wash {background-color: #DEC8D2;}
/* extra-light-washes */
.myt-orange-wash-xtra {background-color: #FFF8F0;}
.myt-blue-wash-xtra {background-color: #F4F6FC;}
.myt-red-wash-xtra {background-color: #FDF1F1;}
.myt-green-wash-xtra {background-color: #F0F8F4;}
.myt-purple-wash-xtra {background-color: #F8F4F6;}

/* Box Borders - NB 'light' variants based on wash colors */
.box-border-orange {border: 1px #ff8300 solid;}
.box-border-orange-light {border: 1px #FFDAB2 solid;}
.box-border-blue {border: 1px #4e6ecf solid;}
.box-border-blue-light {border: 1px #CAD4F1 solid;}
.box-border-red {border: 1px #e41b17 solid;}
.box-border-red-light {border: 1px #F7BBB9 solid;}
.box-border-green {border: 1px #009240 solid;}
.box-border-green-light {border: 1px #B2DEC6 solid;}
.box-border-purple {border: 1px #91476a solid;}
.box-border-purple-light {border: 1px #DEC8D2 solid;}
.box-border-none-top {border-top: none;}

/* Buttons */
.myt-btn-orange {background-color: #ff8300; color: #ffffff;}
.myt-btn-orange-light {background-color: #FF9C33;}
.myt-btn-blue {background-color: #4e6ecf; color: #ffffff;}
.myt-btn-red {background-color: #e41b17; color: #ffffff;}
.myt-btn-green {background-color: #009240; color: #ffffff;}
.myt-btn-purple {background-color: #91476a; color: #ffffff;}

/* generated custom buttons */
.myt-btn-custom-red {background-color: #e41b17; border-color: #e41b17;}
.myt-btn-custom-red:hover,
.myt-btn-custom-red:focus,
.myt-btn-custom-red:active,
.myt-btn-custom-red.active {
  background-color: #cd1815;
  border-color: #b61612;
}
.myt-btn-custom-red.disabled:hover,
.myt-btn-custom-red.disabled:focus,
.myt-btn-custom-red.disabled:active,
.myt-btn-custom-red.disabled.active,
.myt-btn-custom-red[disabled]:hover,
.myt-btn-custom-red[disabled]:focus,
.myt-btn-custom-red[disabled]:active,
.myt-btn-custom-red[disabled].active,
fieldset[disabled] .myt-btn-custom-red:hover,
fieldset[disabled] .myt-btn-custom-red:focus,
fieldset[disabled] .myt-btn-custom-red:active,
fieldset[disabled] .myt-btn-custom-red.active {
  background-color: #e41b17;
  border-color: #e41b17;
}
.myt-btn-custom-blue {
  background-color: #4e6ecf;
  border-color: #4e6ecf;
}
.myt-btn-custom-red {
  background-color: #e41b17;
  border-color: #e41b17;
}
.myt-btn-custom-blue:hover,
.myt-btn-custom-blue:focus,
.myt-btn-custom-blue:active,
.myt-btn-custom-blue.active {
  background-color: #3a5eca;
  border-color: #3253b8;
}
.myt-btn-custom-blue.disabled:hover,
.myt-btn-custom-blue.disabled:focus,
.myt-btn-custom-blue.disabled:active,
.myt-btn-custom-blue.disabled.active,
.myt-btn-custom-blue[disabled]:hover,
.myt-btn-custom-blue[disabled]:focus,
.myt-btn-custom-blue[disabled]:active,
.myt-btn-custom-blue[disabled].active,
fieldset[disabled] .myt-btn-custom-blue:hover,
fieldset[disabled] .myt-btn-custom-blue:focus,
fieldset[disabled] .myt-btn-custom-blue:active,
fieldset[disabled] .myt-btn-custom-blue.active {
  background-color: #4e6ecf;
  border-color: #4e6ecf;
}


/* === Top Nav Styling === */

/* tweak the default h5 font size */
.myt-h5 {
	font-size: 1.10rem;
}
/* add in a top navbar background color */
.myt-navbar-wash {
	background-color: #ccf1fa;
}
.myt-navbar-wash-light {
	background-color: #E0F7FC;
}
/* Section (tab) styles - background color changed Oct 2020 */
/* Styles for Home: not actually used */
.tab1 {background-color: #b0e1ff; padding : 0; margin: 0; list-style-type: none;}
.tab1 li {border-bottom: 1px #ddd solid;}
.tab1 li:last-child {border-bottom: none;}
.tab1 li a {height: 40px; color :#333333; background-color: #f6fdfe; padding-top: 10px;}
.tab1 li a:hover {color: white; background-color:#ff8300;}

/* Styles for Guide */
.tab2 {padding: 0; margin: 0; list-style-type: none;}
.tab2 li {border-bottom: 1px #ddd solid;}
.tab2 li:last-child {border-bottom: none;}
.tab2 li a {height: 40px; color :#333333; background-color: #f6fdfe; padding-top: 10px;}
.tab2 li a:hover {color: white; background-color:#4e6ecf;}

/* Styles for Directory */
.tab3 {padding: 0; margin: 0; list-style-type: none;}
.tab3 li {border-bottom: 1px #ddd solid;}
.tab3 li:last-child {border-bottom: none;}
.tab3 li a {height: 40px; color :#333333; background-color: #f6fdfe; padding-top: 10px;}
.tab3 li a:hover {color: white; background-color:#e41b17;}

/* Styles for Scrapbook */
.tab4 {padding: 0; margin: 0; list-style-type: none;}
.tab4 li {border-bottom: 1px #ddd solid;}
.tab4 li:last-child {border-bottom: none;}
.tab4 li a {height: 40px; color :#333333; background-color: #f6fdfe; padding-top: 10px;}
.tab4 li a:hover {color: white; background-color:#009240;}

/* Styles for Information */
.tab5 {padding: 0; margin: 0; list-style-type: none;}
.tab5 li {border-bottom: 1px #ddd solid;}
.tab5 li:last-child {border-bottom: none;}
.tab5 li a {height: 40px; color :#333333; background-color: #f6fdfe; padding-top: 10px;}
.tab5 li a:hover {color: white; background-color:#91476a;}

/* === Top Nav styling === */
/* Common */
.navbar-custom .navbar-nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #ccf1fa;
}
/* change 30-01-15 - make same as above */
.navbar-custom .navbar-toggle,
.navbar-custom .nav .open>a, .navbar-custom .nav .open>a:hover, .navbar-custom .nav .open>a:focus {
   background-color:#ccf1fa;
}
/* legacy - can probably remove
.navbar-default .navbar-toggle .icon-bar {
  background-color: #4e6ecf;
}
.navbar-default .navbar-header .btn-topnav {
	background-color: #B8D9E1;
}
*/
/*-- change navbar dropdown color by area --*/
/* Styles for Guide:  Blue	#4e6ecf				#718BD9				#CAD4F1 */
@media (max-width: 767px) {
  .navbar-custom .navbar-nav .open .tab2 > li > a {
    color:black;
    background-color:#E0F7FC;
  }
  .navbar-custom .navbar-nav .open .tab2 > li > a:hover,
  .navbar-custom .navbar-nav .open .tab2 > li > a:focus {
    color: white;
    background-color:#4e6ecf;
  }
}
/* Styles for Directory:  Red	#e41b17				#E94945				#F7BBB9 */
@media (max-width: 767px) {
  .navbar-custom .navbar-nav .open .tab3 > li > a {
    color:black;
    background-color:#E0F7FC;
  }
  .navbar-custom .navbar-nav .open .tab3 > li > a:hover,
  .navbar-custom .navbar-nav .open .tab3 > li > a:focus {
    color: white;
    background-color:#e41b17;
  }
}
/* Styles for Scrapbook: Green 	#009240				#33A866				#B2DEC6 */
@media (max-width: 767px) {
  .navbar-custom .navbar-nav .open .tab4 > li > a {
    color:black;
    background-color:#E0F7FC;
  }
  .navbar-custom .navbar-nav .open .tab4 > li > a:hover,
  .navbar-custom .navbar-nav .open .tab4 > li > a:focus {
    color: white;
    background-color:#009240;
  }
}
/* Styles for Information: Purple	#91476a				#A76C88				#DEC8D2
 */
@media (max-width: 767px) {
  .navbar-custom .navbar-nav .open .tab5 > li > a {
    color:black;
    background-color:#E0F7FC;
  }
  .navbar-custom .navbar-nav .open .tab5 > li > a:hover,
  .navbar-custom .navbar-nav .open .tab5 > li > a:focus {
    color: white;
    background-color:#91476a;
  }
}

/* === Sidebar Styling === */
/* adjust sidebar nav positioning */
.sidebar-wrap {
	margin-top: 2.0em; /* was 7.0em */
}
@media (min-width: 320px) and (max-width: 767px) {
.sidebar-wrap {
	margin-top: 1.0em;
	}
}
.sidebar-nav {
	width: 220px;
	margin-left: 10px;
}

@media (min-width: 768px) and (max-width: 1200px) {
.sidebar-nav {
	margin-left: -5px; /* changed from -20px */
	}
}

@media (min-width: 320px) and (max-width: 767px) {
.sidebar-nav {
	margin-left: 20px;
	width: 200px;
	}
}


/* === Miscellaneous === */

/* === Back to top styling === */
.back-to-top {
	position: fixed;
	bottom: 8em;
	right: 0;
	text-decoration: none;
	color: #000000;
	background-color: #FFDAB2;
	font-size: 12px;
	padding: 1em;
	display: none;
	z-index:1000;
}
.back-to-top a:link, .back-to-top a:visited, .back-to-top a:hover, .back-to-top a:active { 
	text-decoration:none;
}

.back-to-top:hover {
	text-decoration:none;
	background-color: #FF9C33;
}
/* my T */
.myT {
	color:#ff8300;
	font-weight:bold;
/*	font-family: "Segoe Print", cursive; */
	font-size:large;
}
.myT-large {
	color:#ff8300;
	font-weight:bold;
/*	font-family: "Segoe Print", cursive; */
	font-size:x-large;
}
.myT-xlarge {
	color:#ff8300;
	font-weight:bold;
/*	font-family: "Segoe Print", cursive; */
	font-size:xx-large;
}
/* html marquee */
.html-marquee {
	margin-left: 5%;
	padding-top: 10px;
	height:50px;
	width:80%;
	background-color:#FDF1F1;
	font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size:1.25em;
	text-align:center;
	color:#e41b17;
	border-width:1px;
	border-style: solid;
	border-color:#e41b17;
}
/* extra small classes */
@media (max-width: 480px) {
	.hidden-xxs {display: none;}
	.visible-xxs {display: block !important;}
}

/* Windows 8 phone fixes */
	@-webkit-viewport   { width: device-width; }
	@-moz-viewport      { width: device-width; }
	@-ms-viewport       { width: device-width; }
	@-o-viewport        { width: device-width; }
	@viewport           { width: device-width; }


/* equal height fix - for large display sizes ... used in Directory adverts */
@media (min-width: 1170px) {
	.row-eq-height {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display:         flex;
	}
}

/* Shrink slide size on large displays */
@media (min-width: 1170px) {
	.slide-wrap {
		margin-left: auto;
		margin-right: auto;
		width: 80%
		}
}

/* Image styles */
.img-center {
	margin-left:auto;
	margin-right:auto;
	padding-bottom: 1.0em;
}
.img-minify {
	width: 240px;
	height: 180px;
	padding: 0.5em 0.5em 1.0em 0.5em;
}
.img-left {
	float:left;
	margin-right: 0.5em;
}
/* Remove well border */
.well-border-none {
	border: none;
}
/* List style - no bullets */
.list-no-bullets>li {
	list-style-type:none;
	margin-left: -1.0em;
}

/* === WIP === */
.myt-blockquote {
	border: none;
}
.myt-panel-pad {
	padding: 0.50em 0.50em;
}
/* horizontal 'soft' line for Guide rgba(113, 139, 217, 1) */
hr.soften {
  height: 1px;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(113, 139, 217, 0.8), rgba(0,0,0,0));
  background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(113, 139, 217, 0.8), rgba(0,0,0,0));
  background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(113, 139, 217, 0.8), rgba(0,0,0,0));
  background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(113, 139, 217, 0.8), rgba(0,0,0,0));
  border: 0;
}
/* horizontal 'soft' line for Home rgba(255, 156, 51, 1) */
hr.soften-orange {
  height: 1px;
  background: linear-gradient(to right, rgba(255, 156, 51, 0.2), rgba(255, 156, 51, 1), rgba(255, 156, 51, 0.2));
  border: 0;
}
/* horizontal 'soft' line for Directory rgba(255, 87, 51, 1) */
hr.soften-red {
  height: 1px;
  background: linear-gradient(to right, rgba(255, 87, 51, 0.2), rgba(255, 87, 51, 1), rgba(255, 87, 51, 0.2));
  border: 0;
}
/* horizontal 'soft' line for Guide rgba(113, 139, 217, 1) */
hr.soften-blue {
  height: 1px;
  background: linear-gradient(to right, rgba(113, 139, 217, 0.2), rgba(113, 139, 217, 1), rgba(113, 139, 217, 0.2));
  border: 0;
}


.sexy-line-orange { 
    height: 1px;
    border: 0;
	background: linear-gradient(to right, rgba(255, 156, 51, 0.2), rgba(255, 156, 51, 1), rgba(255, 156, 51, 0.2));
}

/* horizontal 'soft' line for Scrapbook rgba(0, 146, 64, 1) 
hr.soften-green {
  height: 1px;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0, 146, 64, 1), rgba(0,0,0,0));
  background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0, 146, 64, 1), rgba(0,0,0,0));
  background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0, 146, 64, 1), rgba(0,0,0,0));
  background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0, 146, 64, 1), rgba(0,0,0,0));
  border: 0;
}
*/
/* alternate horizontal 'soft' line for Scrapbook rgba(0, 146, 64, 1) */
hr.soften-green {
    border: 0;
    height: 1px;
    background: #fff;
    background-image: linear-gradient(to right, #fff, #009240, #fff);
}

/* Google custom search engine background */

.gcse-background {
	background-color:#93a7e2; !important
}
@media (max-width: 480px) {
	.gcse-background {
	background-color: #ccf1fa; !important}
	}

/* Google Maps styling */

	.map-style {
	border: 1px red solid;
	width:100%;
	}
	#map_wrapper {
    height: 840px;
	}

	#map_canvas {
	    width: 100%;
	    height: 100%;
	}
	
	.map-img {
		height:150px; 
		width: 200px; 
		margin-left: 2.0em;
	}
	
/* Expanding Search Box */

.searchbox{
    position:relative;
    min-width:50px;
    width:0%;
    height:50px;
    float:right;
    overflow:hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}

.searchbox-input{
    top:0;
    right:0;
    border:0;
    outline:0;
    background:#dcddd8;
    width:100%;
    height:50px;
    margin:0;
    padding:0px 55px 0px 20px;
    font-size:20px;
/*    color:red; */
}
.searchbox-input::-webkit-input-placeholder {
    color: #d74b4b;
}
.searchbox-input:-moz-placeholder {
    color: #d74b4b;
}
.searchbox-input::-moz-placeholder {
    color: #d74b4b;
}
.searchbox-input:-ms-input-placeholder {
    color: #d74b4b;
}

.searchbox-icon,
.searchbox-submit{
    width:50px;
    height:50px;
    display:block;
    position:absolute;
    top:0;
/*    font-family:verdana; */
/*    font-size:22px; */
    right:0;
    padding:0;
    margin:0;
    border: 1px solid #91476a;
    outline:0;
    line-height:50px;
    text-align:center;
    cursor:pointer;
	color: #91476a;
	background:#b0e1ff;
}

.searchbox-open{
    width:100%;
}

/* WIP */
.sexy-line { 
    margin: 25px 0;
    height: 1px;
    border: 0;
    background: black;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(white), to(white), color-stop(50%, black));
}