@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@100;200;300;500;600;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Graduate:ital,wght@0,400;0,500;0,600;0,800;1,900&display=swap");
*::before,
*::after {
padding: 0;
margin: 0;
transition: all 0.1s ease;
}
html {
overflow-x: hidden;
}
a {
color: #a7281f;
text-decoration: none;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.section-1 ul li
a:hover {
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
:root {
--primary-font-family: "Open Sans";
--secondary-font-family: "Graduate";
}
body {
font: 16px/22px var(--primary-font-family);
padding: 0;
margin: 0;
color:#000;
}
h1 {
display: inline-block;
margin: 0;
padding: 0;
width: 100%;
font-weight: 600;
font-size: 55px;
line-height: 68px;
}
h2 {
display: inline-block;
width: 100%;
font-size: 38px;
margin: 0px;
padding: 0;
line-height: 40px;
color:#000;
}
h3 {
display: inline-block;
width: 100%;
font-size: 27px;
margin: 0 0 0;
padding: 0;
line-height: 25px;
font-weight: normal;
}
h4 {
display: inline-block;
width: 100%;
font-size: 22px;
line-height: 23px;
margin: 0;
padding: 0;
font-weight: 600;
}
h1,h2{
font-weight: 600;
text-shadow: 4px 5px 1px #a7281f;
text-transform: uppercase;
color: #fff;
font-style: italic;
font-family: var(--secondary-font-family)
}
ul,
ol {
margin: 0 0 0 15px;
padding: 0;
}
.right-side li {
margin-left: 12px;
}
.alignright {
float: right;
margin: 4px 0 30px 30px;
}
.alignleft {
float: left;
margin: 4px 30px 10px 0
}
.alignleft {
max-width: 300px;
}
.alignright {
max-width: 300px;
}
.padding-bottom {
padding-bottom: 80px;
}
.iphone {
display: none;
}
input:focus,
button:focus {
outline: none !important;
}
#backToTop {
position: fixed;
right: 20px;
bottom: 10px;
color: #fff;
}
#backToTop a {
display: inline-block;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
color:#f23a2e
}
#backToTop a {
color: #fff;
font-size: 20px;
}
#backToTop a:hover {
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s; ease;
color: #fff
}
div#backToTop i {
font-size: 16px;
}
img {
max-width: 100%;
border: none;
}
input:focus,
select:focus,
button:focus {
outline: none
}
.vertical-aligncss {
display: table;
height: 100%;
vertical-align: middle;
width: 100%;
}
.middle {
display: table-cell;
vertical-align: middle;
}
.logo {
display: inline-block;
width: 100%;
margin-top: 5px
}
.mainmenu {
display: inline-block;
width: 100%;
text-align: right;
font-family:Graduate;
letter-spacing: 1px;
}
.mainmenu ul {
margin: 0;
}
.mainmenu li {
display: inline-block;
position: relative;
padding: 0 10px;
border-right: 1px solid;
}
.mainmenu li:last-child {
border-right: none;
padding-right: 0;
}
.mainmenu li a {
color: #000;
display: inline-block;
position: relative;
text-transform: uppercase;
}
.mainmenu li a:hover {
color: #a7281f;
} .mainmenu li.menu-item-has-children:after {
content: '\f107';
font-family: FontAwesome;
color: #f23a2e;
display: inline-block;
padding-left: 8px;
}
.mainmenu li li a:hover {
color: #fff;
}
.mainmenu li ul {
position: absolute;
left: 15px;
top: 30px;
padding-top: 20px;
display: none;
}
.mainmenu li ul li {
display: block;
margin: 0;
text-align: left;
padding: 0;
}
.mainmenu li ul li a {
background: #000;
width: 100%;
display: inline-block;
padding: 10px 10px;
width: 190px;
color: #fff;
border-bottom: 1px solid #565656;
}
.mainmenu li ul li a:hover {
border-left: 3px solid #0CCF72;
}
.mainmenu li ul li a:after {
display: none
}
.mainmenu li:hover ul {
display: block;
}
.topone {
display: inline-block;
width: 100%;
padding: 10px 0;
}
.topbar {
display: inline-block;
width: 100%;
background: #004969;
color: #fff;
text-align: center;
padding: 10px 0;
}
.topbar ul {
margin: 0;
padding: 0;
}
.topbar ul li {
display: inline-block;
padding: 5px 10px;
}
.topbar ul li a {
color: #fff;
}
.topbar ul li a i {
padding-right: 5px;
}
.signin {
display: inline-block;
width: 100%;
font-size: 20px;
color: #004969;
}
.signin i {
padding-right: 5px;
}
.signin a {
color: #004969;
}
.blue-box {
background: #004969;
color: #fff;
padding: 30px;
min-height: 300px;
}
.blue-box p {
font-size: 17px;
font-style: italic;
font-weight: 300;
}
.blue-box span {
display: block;
font-size: 19px;
}
.blue-box i {
display: none;
}
.bigbanner-white ,.bigbanner-black{
display: inline-block;
width: 100%;
position: relative;
}
.bigbanner-black {
margin: 30px 0;
}
.bigbanner-white img,.bigbanner-black img{
width: 100%
}
.overslider {
position: absolute;
left: 0;
width: 100%;
color: #000;
top: 50%;
transform: translate(0, -50%);
z-index: 9;
background: rgba(255,255,255,.7);
padding: 30px 0;
}
.overslider h1 {
text-shadow: -1px -1px 0 #000, 1px 2px 0 #000, -1px 1px 0 #000, 1px 7px 1px #a7281f;
}
.overslider small {
font-weight: 600;
text-shadow: -1px -1px 0 #000, 1px 2px 0 #000, -1px 1px 0 #000, 1px 5px 1px #a7281f;
text-transform: capitalize;
color: #fff;
font-family: Graduate;
letter-spacing: 2px;
font-style: italic;
font-size: 26px;
}
.overslider p {
width: 70%;
font-size: 18px;
}
.redbtn {
display: inline-block;
width: 100%;
}
.redbtn a {
background: #a7281f;
color: #fff;
display: inline-block;
padding: 7px 25px;
font-size: 20px;
}
.redbtn a:hover {
background: #000;
}
.bigbanner-black .overslider {
background: rgba(0,0,0,.7);
color: #fff;
}
.bigbanner-black .overslider h1 {
color: #fff;
text-shadow: -1px -1px 0 #000, 1px 2px 0 #000, -1px 1px 0 #000, 1px 7px 1px #000;
}
.section-1 {
display: inline-block;
width: 100%;
padding: 30px 0;
}
.section-1 ul {
margin: 0;
padding: 0;
}
.section-1 ul li {
display: inline-block;
width: 48%;
vertical-align: top;
margin-left: 25px;
}
.section-1 ul li:nth-child(2n+1) {
margin-left: 0;
}
.section-1 ul li img {
width: 100%;
border: 5px solid #01496a;
}
.home-blog-text {
display: inline-block;
width: 100%;
padding: 20px;
}
.home-blog-text h2 {
background: #a8281f;
margin: 10px 0 20px 0;
padding: 5px 15px;
font-size: 27px;
}
.home-blog-text h2 a {
color: #fff;
}
.section-2 {
display: inline-block;
width: 100%;
}
.redoverlay {
position: absolute;
background: url(//www.americaspastimesports.com/wp-content/themes/americaspastimesports25/images/redbg.png) 0 0 no-repeat;
top: 0;
left: 15px;
width: 80%;
padding: 30px 30px;
color: #fff;
height: 100%;
background-size: 100% 100%;
}
.redoverlay p {
width: 60%;
padding-bottom: 15px;
font-size: 15px;
}
.redoverlay h1 {
font-size: 46px;
text-shadow: -1px -1px 0 #000, 1px 2px 0 #000, 2px 1px 0 #000, 1px 7px 1px #000;
}
.section-2 img {
width: 100%;
}
.section-2 .container {
position: relative;
}
.bluebtn {
display: inline-block;
width: 100%;
}
.bluebtn a {
background: #004969;
color: #fff;
display: inline-block;
padding: 7px 25px;
font-size: 20px;
}
.bluebtn a:hover {
background: #000;
}
.section-3 {
display: inline-block;
width: 100%;
margin: 30px 0
}
.section-3 h1 {
background: linear-gradient(to right,  #a92f24 0%,#ffffff 50%,#ffffff 100%); padding: 6px 20px;
}
.section-3 .owl-theme .owl-nav button {
position: absolute;
left: 0;
top: 50%;
background: none;
margin-left: -50px;
}
.section-3 .owl-theme .owl-nav {
width: 100%;
}
.section-4 {
display: inline-block;
width: 100%;
background: #004969;
padding: 5px 0;
text-align: center;
color: #fff;
}
.section-4 h2 {
font-size: 28px;
letter-spacing: 0;
text-shadow: 0px 2px 1px #f2f2f2;
font-style:normal;
}
.owl-theme .owl-nav button span {
color:  rgba(0,0,0,.6);padding: 10px;font-size: 100px;
}
.section-3 .owl-theme .owl-nav button.owl-next {
right: -100%;
margin-right: -100px;
}
.footer {
display: inline-block;
width: 100%;
background: #004969;
margin: 20px 0 0;
padding: 20px 0;
font: 17px GeoSlab703 Mdcn BT medium;
text-transform: uppercase;
color: #fff;
text-align: center;
}
.footer a {
color: #fff;
}
.footer li {
display: inline-block;
width: 100%;
padding-top: 4px;
}
.f2 {
display: inline-block;
width: 100%;
background: black;
padding: 10px 0;
margin-bottom: 10px;
}
ul.social-icons {
margin: 0;
}
.footer ul.social-icons li {width: auto;padding: 0 10px;}
.f2 h4 {
font-size: 30px;
padding-top: 20px;
}
.f1 {display: inline-block;width: 100%;padding: 10px 0; margin-bottom: 10px;}
.innerpage {
display: inline-block;
width: 100%;
padding-bottom: 30px;
color: #000
}
.innerpage h1 {
font-size: 36px;
text-shadow:none;
color: #000
}
.innerpage h2{
text-shadow:none;
font-size: 30px;
color: #000
}
.page-id-59 .innerpage{
background:url(//www.americaspastimesports.com/wp-content/themes/americaspastimesports25/images/bg.jpg) center center no-repeat;
background-size: cover;
position: relative;
color: #fff;
background-attachment: fixed;
}
.page-id-59 .innerpage:before {
content: '';
background: rgba(0,73,105,0.5);
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.page-id-59 .innerpage .container {
position: relative;
z-index: 1;
color: #fff;
padding-top: 20px;
}
.page-id-59 .innerpage h1,.page-id-59 .innerpage h2 {
color: #fff;
}
.innerpage table td {
padding: 0 15px;
vertical-align: middle;
}
.innerpage h5 {
font-size: 20px;
}
.innerpage table {
margin-bottom: 15px;
}
.innerpage a {
text-shadow: 2px 1px 1px #000;
}
.blog-section {
padding: 2rem 0;
display: inline-block;
width: 100%;
}
.innerpage h3 {
line-height: 32px;
font-size: 25px;
}
.blog-section .blog-main .blog-heading p {
font: normal 300 1rem/34px var(--primary-font-family);
color: var(--white);
margin: 0 0 1.5rem;
}
.blog-section .blog-main .blog-box {
background: var(--white);
border: 1px solid #ddd;
margin-bottom: 30px;
border-radius: 3px;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
overflow: hidden;
width: 48%;
display: inline-block;
vertical-align: top;
margin-left: 12px;
}
.blog-section .blog-main .blog-box:hover {
-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .15);
box-shadow: 0 0 30px 0 rgba(0, 0, 0, .15);
}
.blog-section .blog-main .blog-box .blog-img {}
.blog-section .blog-main .blog-box .blog-img a {
display: block;
position: relative;
}
.blog-section .blog-main .blog-box .blog-img a:before {
display: block;
content: "";
background-image: -webkit-gradient(linear, left bottom, left top, from(#00000059), color-stop(75%, #0000));
background-image: -webkit-linear-gradient(bottom, #00000059, #0000 75%);
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .35) 0, transparent 75%);
background-image: linear-gradient(0deg, #00000059, #0000 75%);
background-repeat: no-repeat;
height: 100%;
width: 100%;
position: absolute;
bottom: 0;
opacity: 1;
-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.blog-section .blog-main .blog-box:hover .blog-img a:before {
display: none;
}
.blog-section .blog-main .blog-box .blog-img a img {
width: 100%;
}
.blog-section .blog-main .blog-box .blog-text {
padding: 0;
background: #fff;
color: #000;
}
.blog-section .blog-main .blog-box .blog-text .blog-heading {
overflow: hidden;
padding: 10px 20px;
}
.blog-section .blog-main .blog-box .blog-text .blog-heading h2.blog-title {
margin: 0;
text-align: left;
font-size: 20px;
margin-top: 10px;
padding-bottom: 0;
}
.blog-section .blog-main .blog-box .blog-text .blog-heading h2.blog-title a {
display: inline-block;
font: normal 600 1.5rem/1.2 var(--primary-font-family);
color: var(--black);
}
.blog-section .blog-main .blog-box .blog-text .blog-description {
font: normal 300 1rem/34px var(--primary-font-family);
color: var(--black);
margin: 0;
text-align: left;
padding: 10px 20px;
}
.blog-section .blog-main .blog-box .blog-text .blog-description p {
font: normal 300 1rem/34px var(--primary-font-family);
color: var(--black);
margin: 0;
min-height: 70px;
}
.blog-section .blog-main .blog-box .blog-text .blog-button {
padding: 10px 20px;
}
.blog-section .blog-main .blog-box .blog-text .blog-button .blog-readmore {
display: inline-block;
font: normal 500 0.8rem var(--primary-font-family);
color: var(--black);
text-decoration: underline;
text-transform: capitalize;
position: relative;
}
.blog-section .blog-main .blog-box .blog-text .blog-date {
padding: 10px 20px;
border-top: 1px solid #ddd;
}
.blog-section .blog-main .blog-box .blog-text .blog-date span {
display: inline-block;
font: normal 300 0.8rem/34px var(--primary-font-family);
color: var(--black);
text-transform: uppercase;
}
.blog-section .sidebar {
background-color: #eee;
padding: 20px;
}
.blog-section .sidebar .sidebar-search {
border-bottom: 1px solid #ddd;
padding-bottom: 30px;
margin-bottom: 30px;
}
.blog-section .sidebar .sidebar-search .search-form {
position: relative;
display: block;
}
.blog-section .sidebar .sidebar-search .search-form .search-field {
width: 100%;
height: 50px;
padding: 10px 15px 10px 50px;
background-color: #fff;
font: normal 500 15px/28px var(--primary-font-family);
color: var(--black);
border: none;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}
.blog-section .sidebar .sidebar-search .search-form .search-submit {
display: inline-block;
font: normal 500 15px/28px var(--primary-font-family);
background-color: #0000;
color: var(--black);
border: 0;
border-radius: 0;
padding: 0;
float: none;
width: 50px;
height: 50px;
position: absolute;
top: 0;
left: 0;
}
.blog-section .sidebar .sidebar-search .search-form .search-submit:before {
color: #000;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-family: FontAwesome;
}
.blog-section .sidebar h1,
.blog-section .sidebar h2,
.blog-section .sidebar h3,
.blog-section .sidebar .sidebar-heading h1,
.blog-section .sidebar .sidebar-heading h2,
.blog-section .sidebar .sidebar-heading h3 {
font: normal 300 20px var(--primary-font-family);
color: #000;
margin: 0 0 1rem;
}
.blog-section .sidebar .sidebar-heading p {
font: normal 300 1rem/34px var(--primary-font-family);
color: var(--black);
margin: 0 0 1.5rem;
}
.blog-section .sidebar .sidebar-heading ul {
margin: 0;
list-style: square inside;
}
.blog-section .sidebar .sidebar-heading ul li a {
display: inline-block;
font: normal 300 1rem/34px var(--primary-font-family);
color: var(--black);
}
.blog-section .sidebar .sidebar-posts .blog-box {
border-bottom: 1px solid #ddd;
padding-bottom: 30px;
margin-bottom: 30px;
display: flex;
overflow: hidden;
}
.blog-section .sidebar .sidebar-posts .blog-box:last-child {
border-bottom: 0px solid #ddd;
padding-bottom: 0;
margin-bottom: 0;
}
.blog-section .sidebar .sidebar-posts .blog-box .blog-img {
width: 30%;
float: left;
}
.blog-section .sidebar .sidebar-posts .blog-box .blog-img a {
display: block;
position: relative;
height: 100%;
}
.blog-section .sidebar .sidebar-posts .blog-box .blog-img a img {
width: 100%;
height: 100%;
}
.blog-section .sidebar .sidebar-posts .blog-box .blog-text {
width: 70%;
float: left;
}
.blog-section .sidebar .sidebar-posts .blog-box .blog-text .blog-heading {
overflow: hidden;
padding: 5px 10px;
}
.blog-section .sidebar .sidebar-posts .blog-box .blog-text .blog-heading a {
display: inline-block;
font: normal 400 1rem/1.2 var(--primary-font-family);
color: #000;
}
.blog-section .sidebar .sidebar-posts .blog-box .blog-text .blog-date {
padding: 5px 10px;
}
.blog-section .sidebar .sidebar-posts .blog-box .blog-text .blog-date span {
display: inline-block;
font: normal 300 0.5rem/34px var(--primary-font-family);
color: #000;
text-transform: uppercase;
}
@media(max-width:1200px) {
}