/*
Theme Name: My Custom Theme
Theme URI: https://yourwebsite.com/theme
Author: Your Name
Author URI: https://yourwebsite.com
Description: This is my first custom theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: <https://www.gnu.org/licenses/gpl-2.0.html>
Text Domain: my-custom-theme
Tags: custom-background
*/
:root {
	--b1: #999999;
	--b2: #f15e20;
	--b3: #f9f1e4;
	--b4: #89bbd6;
	--b5: #3abff0;
	--b6: #d90808;
	--b7: #424260;
	--b8: #222220;
	--b9: #ffffff;
	--ba: #000000;
}
@font-face {
    font-family: opensans;
    src: url(opensans.woff) format("truetype");
}
.opensans {
    font-family: opensans;
}
body{
	font-family: opensans;
	font-size: 15px;
	font-weight: 400;
	padding: 0;
	margin: 0;
	width: 100%;
	min-height: 100vh;
}
.headerbox{
	width: 100%;
	background: var(--ba);
}
.header{
	margin: 0 auto;
	width: 100%;


	max-width: 800px;
	max-width: 1137px;



	height: 105px;
}
.btnorange{
	border: 1px solid var(--b3);
	border-radius: 5px;
	background: var(--b2);
	color: var(--b3);
	font-size: 100%;
	padding: 9px 19px;
	margin-top: -11px;
	transition: all 0.3s;
	font-weight: 600;
}
.btnorange:hover{
	background: var(--b3);
	color: var(--b2);
}
.header2box{
	width: 100%;
	color: var(--b9);
	background: var(--b2);
	height: 57px;
	overflow: hidden;
}
.header2{
	margin: 0 0 0 40%;
	max-width: 500px;
	width: 100%;
	padding: 20px 0;
}
img.headerlogo{
	margin-top: 16px;
	width: 255px;
	height: 78px;
}
.menu-menu-container{
	padding-top: 30px;
	margin-right: 35px;
	float: right;
}
#menu-menu{
	float: left;
	list-style: none;
}
li.menu-item{
	display: inline;
	float: left;
	margin-right: 10px;
	padding-right: 10px;
}
li.menu-item a{
	text-decoration: none;
	color: var(--b9);
	padding:0 15px 10px 15px;
	transition: all 0.1s;
}
li.menu-item a:hover{
	border-bottom: 3px solid var(--b2);
}
.pagebox700{
	margin: 0 auto;
	width: 100%;
	max-width: 800px;
}
.pagebox350{
	margin: 0 auto;
	width: 350px;
}
.pageheader{
	font-size: 120%;
	font-weight: 600;
	color: var(--b8);
	margin: 10px auto;
	text-align: center;
	overflow: hidden;
	padding: 20px 0;
	border: 2px solid var(--b8);
	border-radius: 20px 20px 0 0;
	background: var(--b2);
}
.pagecontent{
	margin: -12px 0 30px 0;
	border: 2px solid var(--b8);
	border-radius: 0 0 20px 20px;
	padding: 15px;
}

.tml-label{
	font-size: 80%;
	color: var(--ba);
	float: left;
	margin:0 5px -3px 0;
	font-weight: 100;
}
.tml-field{
	height: 32px !important;
	padding: 3px 6px 1px 6px !important;
	border-radius: 4px !important;
	color: var(--ba) !important;
	background: var(--b3) !important;
	border: 1px solid var(--b8) !important;
	width:96% !important;
	font-size: 120% !important;
	margin: 4px 0 15px 0;
}
.tml-submit-wrap{
	width: 100%;
	height: 50px;
}
.tml-button{
	border-radius: 6px;
	border: 2px solid var(--b8);
	margin: 15px 5px;
	padding:8px 20px;
	background: var(--b2);
	color: var(--b3);
	font-size: 100%;
	min-width: 130px;
	float: right;
}
.tml-button:hover{
	background: var(--b6);
}

ul.tml-links{
	list-style: none;
}
ul.tml-links li a{
	color: var(--b8);
	text-decoration: none;
	font-size: 80%;
	font-weight: 100;
	margin-left: -35px;
}
ul.tml-links li a:hover{
	text-decoration: underline;
}
ul.menu li{
	font-weight: 600;	
}