/*
Theme Name: TailPress
Theme URI: https://github.com/jeffreyvr/tailpress
Author: Jeffrey van Rossum
Author URI: https://vanrossum.dev
Description: TailPress is a simple boilerplate WordPress theme with Tailwind CSS.
Version: 3.2.0
License: MIT
License URI: https://github.com/jeffreyvr/tailpress/blob/master/LICENSE
Text Domain: tailpress
*/

@font-face {
  font-family: 'fox-grotesque-bold';
  src: url('resources/fonts/FoxGrotesquePro-ExtBdIta.woff2') format('woff2'),
       url('resources/fonts/FoxGrotesquePro-ExtBdIta.woff') format('woff');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'fox-grotesque';
  src: url('resources/fonts/FoxGrotesquePro-Regular.woff2') format('woff2'),
       url('resources/fonts/FoxGrotesquePro-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

* { 
	font-family: "fox-grotesque";
}

h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {
	font-family: "fox-grotesque-bold";
	font-weight: bold !important;
	font-style: italic !important;
	text-transform:uppercase;
}

.custom-logo { max-width:160px; }
@media(min-width:960px) { 
	.container { max-width:none !important;width:96% !important; }
}

.current-menu-item { color:#FE4900 !important; }

.search-form .search-field { width:300px; border-radius:30px; height:40px; padding:10px 15px; font-size:13px; }

input.tab-input { position: absolute; right: 100%; }
input.tab-input:checked h2 { text-direction:underline;  }
input.tab-input:checked + div.tab-content { display: block; }
div.tab-content { display: none; }

#wpfep-login-form { max-width:600px; width:100%; padding:50px 20px; border-radius:10px; background-color:#101311; text-align:center; }
#wpfep-login-form *:not(input):not(.wpfep-error):not(.wpfep-error a):not(.wpfep-message) { color:white; }
#wpfep-login-form input:not([type="checkbox"]) { height:40px; border-radius:5px; padding:5px; color:#0A1E28; text-align:center; }
#wpfep-login-form p.submit { margin-bottom:10px; }
#wpfep-login-form input[type="submit"] { background-color:#FE4900; width:300px; color:white; cursor:pointer; }
#wpfep-login-form input[type="submit"]:hover { background-color:#FE4900; }

.page-id-36 article header h2 { color:white; text-align:center; display:block; }
.page-id-36 article header time { display:none; }

.search-form input[type="submit"] { display:none; }

#modal { position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); box-shadow:0 0px 0 100vw rgba(0,73,88,0.95); border-radius:5px; z-index:100;}
#modal label, #modal legend, #modal p { color:white; }
#modal input:not([type="submit"]), #modal textarea, #modal select { border-radius:10px; border:0px; background-color:white; }
#modal input[type="submit"] { background-color:rgba(179,254,0,1); color:#000000; text-transform:uppercase; padding:14px 20px; border-radius:5px; font-size:12px; font-weight:700; font-family:"fox-grotesque"; border:0px;  }
#modal .close {position: fixed;top: 10px;right: 10px;height: 30px;width: 30px;border-radius: 9999px;background-color: white;color: black;}

.wpfep-field p.description { display:none; }
.wpfep-field#wpfep-field-description { display:none; }
.wpfep-field#wpfep-field-user_url { display:none; }
.wpfep-wrapper .messages { margin-bottom:30px; }
.wpfep_save[type="submit"] { background-color:#FE4900; color:#000; text-transform:uppercase; border-radius:5px; font-weight:bold; font-size:12px; padding-top:7px; padding-bottom:4px; padding-inline:10px; margin-right:10px; cursor:pointer; }
.wpfep-save .btn { color:#FFF; text-transform:uppercase; border-radius:5px; font-weight:bold; font-size:12px; padding-top:7px; padding-bottom:4px; padding-inline:10px; margin-right:10px; }
.wpfep-field input.regular-text { font-size:14px; height:36px; padding:0px 10px; }
.wpfep-field label { font-family: "fox-grotesque-bold";font-weight: bold !important;font-style: italic !important;text-transform: uppercase;font-size:16px;color:white;}
.entries { height:24px; }
.entries .avatar-container {display: inline-block;margin-right: -11px;}
.entries .avatar-container:last-child {display: inline-block;margin-right: 0px;}


@media(max-width:960px) {
	.custom-logo { max-width:150px; margin-bottom:20px; }
	.search-form .search-field { width:100%; }
}