:root {
	--bs-dark: #000000;
	--bs-light: #CCCCCC;
	--bs-orange: #F6931E;
	--bs-dorange: #D4710C;
}

body { color: #000000 !important; }

h1 { text-transform: uppercase; letter-spacing: 2px;margin-bottom: 12px; font-size: 36px; font-weight:bold; font-family: 'PT Sans Narrow', sans-serif;}
h2 { text-transform: uppercase; letter-spacing: 2px; font-size: 24px; font-family: 'PT Sans Narrow', sans-serif; }
h3 { text-transform: uppercase; letter-spacing: 2px; font-size: 18px; font-family: 'PT Sans Narrow', sans-serif;}
ul li { letter-spacing: 1px;}

span.stretched { letter-spacing:5px;}

section { padding-bottom: 30px; padding-top:30px;}
section.topsection { margin-top: 140px; }
.rounded-top-xl { border-radius: 21px 21px 0 0; }
.rounded-bottom-xl { border-radius: 0 0 21px 21px; }
.rounded-xl { border-radius: 21px 21px 21px 21px; }

.bg-bs-dark { background-color: var(--bs-dark); color:#FFFFFF; } 
.text-orange { color: var(--bs-orange); }

.btn-xs { font-size: 10px !important; }
.btn-orange, .btn-orange:active, .btn-orange:visited {  background-color: var(--bs-orange) !important; color:#ffffff; }
.btn-pink:hover {
    background-color: var(--bs-dorange) !important;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
}


/* Navbar */
nav.navbar { height: 120px;background-color: var(--bs-dark); padding:0; }
.navbar ul.navbar-nav li.nav-item a { padding: 7px 25px !important; color: #FFFFFFF;text-transform: uppercase; font-weight: bold; font-size: 14px; letter-spacing:1px; }
.navbar-dark .navbar-nav .nav-link { background-color:var(--bs-dark); color: var(--bs-light) !important;}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: #FFFFFF !important; }
.navbar-dark .navbar-nav .nav-link.disabled {  color: var(--bs-light);}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {  color: #FFFFFF !important; }
.navbar-brand img { padding: 10px 0; height: 110px; width: auto; }
.navbar .navbar-toggler .fas { color: #FFFFFF; }
.navbar .navbar-toggler { border: 1px solid transparant !important; padding: 7px; outline: 1px auto var(--bs-dark) !important; }
.navbar .navbar-toggler:focus {color: #FFFFFF !important; outline: 1px auto transparant !important; background-color: transparant !important;}
.navbar .navbar-toggler:focus .span { color: #FFFFFF !important; }
.navbar ul.navbar-nav li.nav-item .dropdown-menu { padding: 0; margin: 7px 0 7px 0px;}
.navbar ul.navbar-nav li.nav-item .dropdown-menu a.dropdown-item {color: #1E466A; padding:7px 10px 7px 15px; }
.navbar ul.navbar-nav li.nav-item .dropdown-menu a.dropdown-item:hover { color: #AAAAAA !important; }
.navbar ul.navbar-nav li.nav-item .dropdown-menu a.dropdown-item.second { border-bottom: 1px solid #9AADCB;border-top: 1px solid #9AADCB; }
.collapse { background-color: var(--bs-dark); }

/* Categories section */
section#categories {  }
section#categories .row>[class*=col-] { margin-bottom:22px; }
section#categories h3 { font-weight: bold; margin-bottom:2px !important; padding-left:4px; }

section#cartoon { margin-top:20px;padding-top: 200px; background-image: url('/images/claymore-pendraw.png'); background-size: auto 100%; background-position:center center;  background-repeat: no-repeat; }

h4 { font-size: 16px; text-transform: uppercase; letter-spacing:2px; font-weight: bold;font-family: 'PT Sans Narrow', sans-serif; }
h4 i.fas { margin-right: 8px; }


/* Footer */
footer { margin-top:10px; padding: 10px 0;border-top: 1px solid #EEEEEE; background-color: #fafafa; color: #AAAAAA; }
footer a { color: #AAAAAA; text-decoration: underline; }
footer a:hover { color: #888888; }
footer h6 { font-size: 18px; color: #454545; font-weight: bold; }

@media (min-width: 1921px) {
}

/* Extra large devices (large desktops, 1200px up to 1920px) */
@media (max-width: 1840px) {
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 1199.98px) { 
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 991.98px) {
	nav.navbar .navbar-collapse { background-color: var(--bs-dark) !important; }
	.navbar ul.navbar-nav li.nav-item a {padding: 10px 20px; border-top: 1px solid #c0c0c0; }
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 767.98px) {

	h1 { font-size: 24px;}
	h2 { text-transform: uppercase; letter-spacing: 2px; font-size: 18px; }
	h3 { text-transform: uppercase; letter-spacing: 2px; font-size: 16px; }
	.fa-2x{font-size:1em}
	#btnContact { margin: 12px 0; }
	
	h4 { font-size: 13px; }
	
	nav.navbar {height: 80px;}
	.navbar-brand img { padding: 5px 0; height: 70px; width: auto; }
	.navbar ul.navbar-nav li.nav-item .dropdown-menu { padding: 0; margin: 7px 0 7px 0;}

	section.topsection { margin-top: 80px; }
	section { padding-bottom: 2px;padding-top:20px;}
	section#intro { font-size: 12px; }
	section#categories .row>[class*=col-] { margin-bottom:12px; }
	section#cartoon { margin-top:20px;padding-top: 80px; }
	section#cartoonsub h4 { font-size: 10px; }
	footer { font-size: 11px; }
	footer h6 { font-size: 11px; }

}