@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
	3.1 Logo
	3.2 Main Navigation
	3.3 Weather and Search
	3.4 Hamburger
4. Menu
5. Home
	5.1 Home Slider
6. Main Content
7. Section Panel
8. Cards
9. Videos
10. Load More Button
11. Sidebar
12. Footer


******************************/

/***********
1. Fonts
***********/

@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700|Work+Sans:300,400,500,600,700,800,900');

/*********************************
2. Body and some general stuff
*********************************/

*
{
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
body
{
	font-family: 'Work Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	background: #f7f7f7;
	color: #a5a5a5;
}
div
{
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul
{
	list-style: none;
	margin-bottom: 0px;
}
p
{
	font-family: 'Work Sans', sans-serif;
	font-size: 14px;
	line-height: 1.45;
	font-weight: 500;
	color: rgba(0,0,0,0.5);
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p:last-of-type
{
	margin-bottom: 0;
}
p a
{
	display: inline;
	position: relative;
	color: inherit;
	border-bottom: solid 1px #ffa07f;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
a, a:hover, a:visited, a:active, a:link
{
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a:active
{
	position: relative;
	color: #FF6347;
}
p a:hover
{
	color: #FFFFFF;
	background: #ffa07f;
}
p a:hover::after
{
	opacity: 0.2;
}
::selection
{

}
p::selection
{

}
h1{font-size: 48px;}
h2{font-size: 36px;}
h3{font-size: 24px;}
h4{font-size: 18px;}
h5{font-size: 14px;}
h1, h2, h3, h4, h5, h6
{
	font-family: 'Open Sans', sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
h1::selection,
h2::selection,
h3::selection,
h4::selection,
h5::selection,
h6::selection
{

}
.form-control
{
	color: #db5246;
}
section
{
	display: block;
	position: relative;
	box-sizing: border-box;
}
.clear
{
	clear: both;
}
.clearfix::before, .clearfix::after
{
	content: "";
	display: table;
}
.clearfix::after
{
	clear: both;
}
.clearfix
{
	zoom: 1;
}
.float_left
{
	float: left;
}
.float_right
{
	float: right;
}
.trans_200
{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.trans_300
{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.trans_400
{
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.trans_500
{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.fill_height
{
	height: 100%;
}
.super_container
{
	width: 100%;
	overflow: hidden;
}
.prlx_parent
{
	overflow: hidden;
}
.prlx
{
	height: 130% !important;
}
.nopadding
{
	padding: 0px !important;
}

/*********************************
3. Header
*********************************/

.header
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.header_content
{
	height: 106px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.header.scrolled
{
	background: rgba(0,0,0,0.75);
	box-shadow: 0px 5px 5px rgba(0,0,0,0.1);
}
.header.scrolled .header_content
{
	height: 80px;
}

/*********************************
3.1 Logo
*********************************/

.logo{
    width: 20%;
    text-align: center;
}

@media (max-width: 500px) {
    .logo{
        width: 50%;
    }
}

.logo a img
{
     width: 50%;

}

.logo a
{
	font-family: 'Ubuntu', sans-serif;
	font-size: 20px;
	color: #facd8a;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.075em;
}

/*********************************
3.2 Main Navigation
*********************************/

.main_nav
{
	margin-left: 46px;
}
.main_nav ul li
{
	display: inline-block;
}
.main_nav ul li:not(:last-child)
{
	margin-right: 29px;
}
.main_nav ul li a
{
	font-family: 'Ubuntu', sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: rgba(255,255,255,1);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.main_nav ul li a:hover,
.main_nav ul li.active a
{
	color: #facd8a;
}

/*********************************
3.3 Weather and Search
*********************************/

.weather
{
	display: inline-block;
	margin-right: 26px;
	vertical-align: middle;
}
.temperature
{
	display: inline-block;
	vertical-align: middle;
	font-family: 'Ubuntu', sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #FFFFFF;
	margin-right: 4px;
}
.weather_icon
{
	display: inline-block;
}
.search_container form
{
	display: inline-block;
	position: relative;
}
.header_search_input
{
	display: inline-block;
	width: 262px;
	height: 46px;
	background: rgba(255,255,255,0.2);
	border: none;
	outline: none;
	border-radius: 5px;
	padding-left: 49px;
	color: #FFFFFF;
}
.header_search_input::-webkit-input-placeholder
{
	font-family: 'Ubuntu', sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: rgba(255,255,255,0.5) !important;
}
.header_search_input:-moz-placeholder
{
	font-family: 'Ubuntu', sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: rgba(255,255,255,0.5) !important;
}
.header_search_input::-moz-placeholder
{
	font-family: 'Ubuntu', sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: rgba(255,255,255,0.5) !important;
}
.header_search_input:-ms-input-placeholder
{
	font-family: 'Ubuntu', sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: rgba(255,255,255,0.5) !important;
}
.header_search_input::input-placeholder
{
	font-family: 'Ubuntu', sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: rgba(255,255,255,0.5) !important;
}
.header_search_icon
{
	position: absolute;
	top: 50%;
	left: 25px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

/*********************************
3.4 Hamburger
*********************************/

.hamburger
{
	display: none;
	cursor: pointer;
}
.hamburger i
{
	font-size: 20px;
	color: rgba(255,255,255,1);
}
.hamburger:hover i
{
	color: rgba(255,255,255,0.5);
}

/*********************************
4. Menu
*********************************/

.menu
{
	position: fixed;
	top: 0;
	right: -400px;
	width: 400px;
	height: 100vh;
	background: #FFFFFF;
	z-index: 101;
	padding-right: 60px;
	padding-top: 87px;
	padding-left: 50px;
}
.menu .logo a
{
	color: #000000;
}
.menu.active
{
	right: 0;
}
.menu_close_container
{
	position: absolute;
	top: 30px;
	right: 60px;
	width: 18px;
	height: 18px;
	transform-origin: center center;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	cursor: pointer;
}
.menu_close
{
	width: 100%;
	height: 100%;
	transform-style: preserve-3D;
}
.menu_close div
{
	width: 100%;
	height: 2px;
	background: #232323;
	top: 8px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.menu_close div:last-of-type
{
	-webkit-transform: rotate(90deg) translateX(-2px);
	-moz-transform: rotate(90deg) translateX(-2px);
	-ms-transform: rotate(90deg) translateX(-2px);
	-o-transform: rotate(90deg) translateX(-2px);
	transform: rotate(90deg) translateX(-2px);
	transform-origin: center;
}
.menu_close:hover div
{
	background: #937c6f;
}
.menu .logo
{
	margin-bottom: 60px;
}
.menu_nav ul li
{
	margin-bottom: 11px;
}
.menu_nav ul li a
{
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: rgba(0,0,0,1);
	font-weight: 700;
	letter-spacing: 0.1em;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.menu_nav ul li a:hover
{
	color: #937c6f;
}
.menu .search
{
	width: 100%;
	margin-bottom: 67px;
}
.search
{
	display: inline-block;
	width: 400px;
	-webkit-transform: translateY(2px);
	-moz-transform: translateY(2px);
	-ms-transform: translateY(2px);
	-o-transform: translateY(2px);
	transform: translateY(2px);
}
.menu .header_search_input
{
	width: 100%;
	background: rgba(0,0,0,0.1);
	border-radius: 6px;
	color: rgba(0,0,0,0.5);
}
.menu .header_search_input::-webkit-input-placeholder
{
	font-family: 'Ubuntu', sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: rgba(0,0,0,0.4) !important;
}
.menu .header_search_input:-moz-placeholder
{
	font-family: 'Ubuntu', sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: rgba(0,0,0,0.4) !important;
}
.menu .header_search_input::-moz-placeholder
{
	font-family: 'Ubuntu', sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: rgba(0,0,0,0.4) !important;
}
.menu .header_search_input:-ms-input-placeholder
{
	font-family: 'Ubuntu', sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: rgba(0,0,0,0.4) !important;
}
.menu .header_search_input::input-placeholder
{
	font-family: 'Ubuntu', sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: rgba(0,0,0,0.4) !important;
}

/*********************************
5. Home
*********************************/

.home
{
	width: 100%;
	height: 100vh;
}
.home_category{
    width: 100%;
    height: 50vh;
}

/*********************************
5.1 Home Slider
*********************************/

.home_slider_container
{
	width: 100%;
	height: 100%;
}
.home_slider
{

}
.home_slider_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.home_slider_content_container
{
	position: absolute;
	top: 45%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	width: 100%;
}
.home_slider_content
{
	max-width: 460px;
}
.home_slider_item_category
{
	width: 83px;
	height: 28px;
	background: rgba(0,0,0,0.6);
	border-radius: 14px;
	text-align: center;
}
.home_slider_item_category a
{
	display: block;
	line-height: 28px;
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
	color: #facd8a;
	text-transform: uppercase;
}
.home_slider_item_category:hover
{
	background: rgba(0,0,0,0.9);
}
.home_slider_item_category:hover a
{
    color: #facd8a;
}
.home_slider_item_title
{
	margin-top: 19px;
    background: rgba(0,0,0,0.6);
    border-radius: 6px;
    padding: 10px 26px;
}
.home_slider_item_title a
{
	font-family: 'Work Sans', sans-serif;
	font-size: 36px;
	font-weight: 600;
	color: #facd8a;
	line-height: 1.27;
}
.home_slider_item_link
{
	margin-top: 21px;
}
.home_slider_item_link a
{
	font-family: 'Ubuntu', sans-serif;
	font-size: 14px;
    /*color: rgba(255,255,255,1);*/
    color: #facd8a;

    font-weight: 500;
}
.home_slider_item_link a:hover
{
    color: rgba(255,255,255,1);
}
.home_slider_item_link a svg
{
	display: inline-block;
	vertical-align: middle;
	margin-left: 16px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.home_slider_item_link a svg polygon
{
	fill: #facd8a;
}
.home_slider_item_link a:hover svg polygon
{
	fill: rgba(255,255,255,1);
}
.similar_posts_container
{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.similar_post
{
	width: 100%;
    height: 100px;
    /*height: 70px;*/
    background: rgba(0,0,0,0.6);
	border-radius: 6px;
	padding-left: 26px;
	padding-right: 26px;
	margin-bottom: 30px;
}
.similar_post:hover
{
	background:  rgba(0,0,0,0.9);;
}
.similar_post a
{
	display: block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 14px;
	color: #facd8a;
	line-height: 1.28;
	font-weight: 500;
}

.home_slider_next_container
{
	position: absolute;
	bottom: 0;
	left: calc(((100vw - 1170px) / 2) + (1170px * 0.75) + 8px);
}
.home_slider_next
{
    background-size: cover;
	width: 375px;
	height: 240px;
	cursor: pointer;
}
.home_slider_next_background
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
}
.home_slider_next:hover .home_slider_next_background
{
	background: rgba(0,0,0,0.5);
}
.home_slider_next_content
{
	width: 100%;
	height: 100%;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 40px;
	visibility: hidden;
	opacity: 0;
}
.home_slider_next_title
{
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
	font-weight: 700;
	color: #FFFFFF;
	text-transform: uppercase;
	line-height: 0.75;
}
.home_slider_next_link
{
	font-size: 20px;
	font-weight: 500;
	color: #FFFFFF;
	margin-top: 25px;
}
.home_slider_next:hover .home_slider_next_content
{
	visibility: visible;
	opacity: 1;
}
.custom_nav_container
{
	z-index: 10;
}
.home_slider_nav_container
{
	position: absolute;
	bottom: 264px;
	left: calc(((100vw - 1170px) / 2) + (1170px * 0.75) + 8px);
}
.custom_dots
{
	display: inline-block;
	height: 12px;
	margin-left: 7px;
	margin-right: 7px;
}
.custom_dot
{
	display: inline-block;
	padding: 2px;
	cursor: pointer;
}
.custom_dot span
{
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: rgba(255,255,255,0.35);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.custom_dot.active span
{
	background: rgba(255,255,255,1);
}
.custom_dot:hover span
{
	background: rgba(255,255,255,1);
}
.custom_prev,
.custom_next
{
	cursor: pointer;
}
.custom_prev, .custom_next
{
	display: inline-block;
	vertical-align: middle;
}
.custom_prev svg polyline,
.custom_next svg polyline
{
	fill: rgba(255,255,255,0.35);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.custom_prev:hover svg polyline,
.custom_next:hover svg polyline
{
	fill: rgba(255,255,255,1);
}

/*********************************
6. Main Content
*********************************/
.news_content{
    padding-top: 33px;
    padding-bottom: 33px;
    background: #171717;
}

.page_content
{
	/*background: #f7f7f7;*/
    background: #121212;
}
.blog_section
{
	margin-top: 80px;
}


/*********************************
6.1 Post Panel
*********************************/

.post_panel
{
    height: 108px;
    z-index: 10;
    margin-top: 40px;
}
.author_image
{

}
.author_image div
{
    width: 58px;
    height: 58px;
    border: solid 5px #FFFFFF;
    border-radius: 50%;
    overflow: hidden;
}
.author_image div img
{
    max-width: 100%;
}
.post_panel .post_meta
{
    font-family: 'Ubuntu', sans-serif;
    color: rgba(0,0,0,0.25);
    font-size: 14px;
    font-weight: 500;
    margin-left: 20px;
    margin-top: 0;
}
.post_panel .post_meta a,
.post_panel .post_meta span
{
    display: inline-block;
    position: relative;
    font-family: 'Ubuntu', sans-serif;
    color: #facd8a;
    font-size: 14px;
    font-weight: 500;
}
.post_panel .post_meta span
{
    margin-left: 10px;
    padding-left: 5px;
}
.post_panel  .post_meta span::before
{
    display: block;
    position: absolute;
    top: 1px;
    left: -4px;
    content: '•';
}
.post_share span
{
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    color: rgba(0,0,0,0.2);
    letter-spacing: 0.075em;
    font-weight: 700;
    margin-right: 28px;
}
.post_share_list
{
    display: inline-block;
}
.post_share_item
{
    display: inline-block;
}
.post_share_item:not(:last-child)
{
    margin-right: 15px;
}
.post_share_item a i
{
    font-size: 14px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.fa-facebook
{
    color: #3b5999;
}
.fa-twitter
{
    color: #55acee;
}
.fa-google
{
    color: #dd4b39;
}
.post_share_item:hover a i
{
    color: rgba(0,0,0,0.2);
}

/*********************************
6.2 Post Body
*********************************/

.post_body {
    padding-left: 69px;
    padding-top: 10px;
    padding-right: 100px;
    padding-bottom: 45px;
    background: #FFFFFF;
    border-radius: 6px;
}
.post_body h4, .post_body h3
{
    color:black;
}
.post_p
{
    font-size: 16px;
    line-height: 1.875;
    color: rgba(0,0,0,0.8);
}
.post_body figure
{
    width: 100%;
    margin-top: 40px;
    margin-bottom: 43px;
}
.post_body figure img
{
    max-width: 100%;
}
.post_body figcaption
{
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
    font-style: italic;
    color: rgba(0,0,0,0.3);
    text-align: center;
    margin-top: 8px;
}
.post_quote
{
    padding-top: 58px;
    padding-bottom: 58px;
    padding-left: 30px;
    padding-right: 30px;
}
.post_quote .post_p
{
    font-weight: 600;
    font-size: 16px;
}
.post_quote_source
{
    font-size: 16px;
    font-weight: 500;
    color: rgba(0,0,0,0.5);
    margin-top: 21px;
}
.post_tags
{
    margin-top: 40px;
}
.post_tag
{
    display: inline-block;
    width: auto;
    height: 24px;	border: solid 1px #d7d7d7;
    border-radius: 3px;
    background: transparent;
    margin-bottom: 5px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.post_tag:not(:last-child)
{
    margin-right: 6px;
}
.post_tag a
{
    display: block;
    line-height: 22px;
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
    color: rgba(0,0,0,0.5);
    font-weight: 500;
}
.post_tag:hover
{
    background: #ededed;
    border-color: #ededed;
}
.bottom_panel
{
    margin-top: 0;
}



/*********************************
7. Section Panel
*********************************/

.section_panel
{
	z-index: 10;
}
.section_title
{
	font-family: 'Ubuntu', sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #facd8a;
	padding-bottom: 10px;
	white-space: nowrap;
	-webkit-transform: translateY(3px);
	-moz-transform: translateY(3px);
	-ms-transform: translateY(3px);
	-o-transform: translateY(3px);
	transform: translateY(3px);
}
.section_title::after
{
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50px;
	height: 2px;
	background: #facd8a;
	content: '';
}
.section_tags
{
	padding-right: 94px;
}
.section_tags ul li
{
	display: inline-block;
	width: auto;
	height: 28px;
	background: #ededed;
	border-radius: 14px;
	text-align: center;
	padding-left: 22px;
	padding-right: 22px;
}
.section_tags ul li:not(:last-child)
{
	margin-right: 4px;
}
.section_tags ul li a
{
	display: block;
	line-height: 28px;
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: rgba(0,0,0,1);
	text-transform: uppercase;
	letter-spacing: 0.025em;
}
.section_tags ul li:hover,
.section_tags ul li.active
{
	background: #facd8a;
}
.section_panel_more
{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	width: 55px;
}
.section_panel_more ul li
{
	position: relative;
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: rgba(0,0,0,0.4);
	text-transform: uppercase;
	letter-spacing: 0.025em;
}
.section_panel_more ul li a
{
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: rgba(0,0,0,0.4);
	text-transform: uppercase;
	letter-spacing: 0.025em;
}
.section_panel_more > ul > li
{
	padding-right: 20px;
	cursor: default;
	padding-top: 22px;
	padding-bottom: 22px;
}
.section_panel_more > ul > li::after
{
	display: block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	font-family: 'FontAwesome';
	content: '\f107';
}
.section_panel_more > ul > li > ul
{
	position: absolute;
	top: 55px;
	right: 0;
	padding-top: 23px;
	padding-left: 29px;
	padding-right: 60px;
	padding-bottom: 23px;
	background: #FFFFFF;
	box-shadow: 0px 5px 5px rgba(0,0,0,0.1);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.section_panel_more > ul > li:hover > ul
{
	visibility: visible;
	opacity: 1;
}
.section_panel_more > ul > li:hover::after
{
	content: '\f106';
}
.section_panel_more > ul > li > ul li:not(:last-child)
{
	margin-bottom: 10px;
}
.section_panel_more > ul > li > ul li a
{
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: rgba(0,0,0,0.4);
	text-transform: uppercase;
	letter-spacing: 0.025em;
	white-space: nowrap;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.section_panel_more > ul > li > ul li a:hover
{
	color: rgba(0,0,0,0.9);
}
.section_content
{
	padding-top: 33px;
}

/*********************************
8. Cards
*********************************/

.card
{
	border: none;
	border-radius: 6px;
	margin-top: 15px;
}
.card-body
{
	padding-top: 16px;
	padding-left: 25px;
	padding-bottom: 15px;
}
.card-img-top
{
	border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.card-title a
{
	font-size: 18px;
	font-weight: 600;
	color: rgba(0,0,0,1);
	line-height: 1.33;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.card-title-small a
{
	font-size: 16px;
	line-height: 1.375;
}
.card-title a:hover
{
	color: rgba(0,0,0,0.5);
}
.card-text
{
	margin-top: -1px;
}
.post_meta
{
	display: block;
	font-family: 'Ubuntu', sans-serif;
	color: rgba(0,0,0,0.4);
	font-size: 12px;
	font-weight: 500;
	margin-top: 22px;
}
.post_meta a,
.post_meta span
{
	display: inline-block;
	position: relative;
	font-family: 'Ubuntu', sans-serif;
	color: rgba(0,0,0,0.4);
	font-size: 12px;
	font-weight: 500;
}
.post_meta span
{
	margin-left: 10px;
	padding-left: 5px;
}
.post_meta span::before
{
	display: block;
	position: absolute;
	top: 1px;
	left: -4px;
	content: '•';
}
.post_row
{

}
.grid
{
	width: calc(100% + 30px);
}
.grid-item
{
	float: left;
}
.card_largest_with_image,
.card_large_with_background,
.card_large_with_image
{
	width: 555px;
	/*height: 325px;*/
}
.card_small_no_image,
.card_small_with_background,
.card_small_with_image,
.card_default_no_image,
.card_default_with_background
{
	width: 263px;
}
.card_small_with_image .card-body
{
	padding-top: 17px;
}
.card_small_with_image .post_meta
{
	margin-top: 32px;
}
.card_default:not(:last-child)
{
	/*margin-bottom: 15px;*/
}
.card_default .card-body
{
	padding-top: 17px;
}
.card_default .post_meta
{
	margin-top: 17px;
}
.card_small_with_background .card-title a
{
	color: #FFFFFF;
}
.card_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	border-radius: 6px;
	overflow: hidden;
}
.card_small_with_background .post_meta span,
.card_small_with_background .post_meta a
{
	color: rgba(255,255,255,0.5);
}
.card_small_with_background .post_meta
{
	margin-top: 18px;
}
.card_default_no_image .card-body
{
	padding-top: 16px;
	padding-bottom: 6px !important;
}
.card_default_no_image .card-title a
{
	font-size: 14px;
	line-height: 1.3;
	font-weight: 500;
}
.card_default_no_image .card-title
{
	line-height: 1.3;
}
.card_default_no_image .card-body
{
	padding-bottom: 10px;
}
.card_default_with_background .card-body
{
	padding-top: 16px;
	padding-bottom: 6px !important;
}
.card_default_with_background .card-title a
{
	font-size: 14px;
	line-height: 1.3;
	font-weight: 500;
	color: #FFFFFF;
}
.card_default_with_background .card-title
{
	line-height: 1.3;
}
.card_default_with_background .card-body
{
	padding-bottom: 10px;
}
.card_large_with_background .card-title a
{
	color: #FFFFFF;
	font-weight: 500;
}
.card_large_with_background .post_meta
{
	margin-top: 58px;
}
.card_large_with_background .post_meta span,
.card_large_with_background .post_meta a
{
	color: rgba(255,255,255,0.5);
}

/*********************************
9. Videos
*********************************/

.videos
{
	height: 395px;
	width: 100%;
	background: #1f1f1f;
}
.playlist
{
	position: absolute;
	top: 0;
	right: 0;
	width: 263px;
	height: 100%;
	padding-top: 35px;
	padding-bottom: 35px;
}
.playlist_background
{
	position: absolute;
	top: 0;
	right: 0;
	width: calc(100% - 35px);
	height: 100%;
	background: #1f1f1f;
}
.video_container
{
	cursor: pointer;
}
.video_container:not(:last-child)
{
	margin-bottom: 15px;
}
.video_container.active .video_image::after
{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 88px;
	height: 88px;
	border-radius: 50%;
	border: solid 3px #2ddf80;
	content: '';
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.video_image div
{
	width: 70px;
	height: 70px;
	border-radius: 50%;
	overflow: hidden;
}
.video_image div::after
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: rgba(0,0,0,0.5);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.play_img
{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.video:hover .video_image div::after,
.video_container.active .video_image div::after
{
	background: rgba(0,0,0,0);
}
.video:hover .play_img
{
	visibility: visible;
	opacity: 1;
}
.video_content
{
	padding-left: 20px;
}
.video_title
{
	font-size: 14px;
	font-weight: 500;
	color: rgba(255,255,255,0.25);
	line-height: 1.285;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.video:hover .video_title,
.video_container.active .video_title
{
	color: rgba(255,255,255,1);
}
.video_info
{
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: rgba(255,255,255,0.1);
	margin-top: 9px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.video:hover .video_info,
.video_container.active .video_info
{
	color: rgba(255,255,255,0.5);
}
.player_container
{
	width: calc(100% - 228px);
	height: 100% !important;
}
.player
{
	height: 100% !important;
	padding-bottom: 0 !important;
}
.inline-YTPlayer
{
	height: 100%;
}
.mbYTP_wrapper
{
	width: 100%;
	height: 100%;
}
.playerBox
{
	width: 100% !important;
	height: 100% !important;
	margin-left: 0 !important;
}

/*********************************
10. Load More Button
*********************************/

.load_more
{
	margin-top: 80px;
	margin-bottom: 140px;
}
.load_more_button
{
	width: 118px;
	height: 36px;
	background: rgba(0,0,0,1);
	border: solid 1px #facd8a;
	border-radius: 18px;
	margin: 0 auto;
	line-height: 32px;
	font-family: 'Ubuntu', sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: rgba(0,0,0,1);
	cursor: pointer;
    background: #facd8a;
    transition: 0.3s;
}
.load_more_button:hover
{
	background: white;
    border: solid 1px white;
}

/*********************************
11. Sidebar
*********************************/

.sidebar
{
	width: 100%;
	height: 100%;
	padding-top: 83px;
	padding-left: 30px;
}
.sidebar_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 375px;
	height: 100%;
	background: #ededed;
}
.sidebar_title
{
	font-family: 'Ubuntu', sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #000000;
}
.sidebar_section_content
{
	padding-top: 55px;
}
.sidebar_slider_container
{
	width: 100%;
}
.side_post a
{
	display: block;
}
.side_post:not(:last-child)
{
	margin-bottom: 15px;
}
.side_post_image div
{
	width: 70px;
	height: 70px;
	border-radius: 6px;
	overflow: hidden;
}
.side_post_image div img
{
	max-width: 100%;
}
.side_post_content
{
	padding-left: 20px;
	margin-top: -5px;
}
.side_post_title
{
	font-size: 14px;
	font-weight: 500;
	color: rgba(0,0,0,1);
	line-height: 1.285;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.side_post_title:hover
{
	color: rgba(0,0,0,0.5);
}
.side_post_content .post_meta
{
	margin-top: 7px;
}
.sidebar_slider_nav
{
	position: absolute;
	top: 5px;
	right: 0;
}
.sidebar_slider_nav_container .custom_prev svg polyline,
.sidebar_slider_nav_container .custom_next svg polyline
{
	fill: rgba(0,0,0,0.15);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.sidebar_slider_nav_container .custom_prev:hover svg polyline,
.sidebar_slider_nav_container .custom_next:hover svg polyline
{
	fill: rgba(0,0,0,1);
}
.sidebar_slider_nav_container .custom_dot span
{
	background: rgba(0,0,0,0.15);
}
.sidebar_slider_nav_container .custom_dot:hover span,
.sidebar_slider_nav_container .custom_dot.active span
{
	background: rgba(0,0,0,1);
}
.advertising
{
	width: 100%;
	height: 340px;
	margin-top: 80px;
}
.advertising_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.advertising_content
{
	width: 100%;
	height: 100%;
	padding-left: 28px;
	padding-bottom: 25px;
	padding-right: 15px;
}
.advertising_perc
{
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
	font-weight: 700;
	color: #2ddf80;
	margin-bottom: 14px;
}
.advertising_link a
{
	font-size: 24px;
	font-weight: 600;
	color: rgba(255,255,255,1);
	line-height: 1.33;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.advertising_link a:hover
{
	color: rgba(255,255,255,0.5);
}
.newest_videos
{
	margin-top: 72px;
}
.newest_videos .side_post_image div
{
	border-radius: 50%;
	overflow: hidden;
}
.advertising_2
{
	width: 100%;
	height: 140px;
	margin-top: 80px;
}
.advertising_2_content
{
	width: 100%;
	height: 100%;
}
.advertising_2_link a
{
	font-size: 20px;
	color: rgba(255,255,255,1);
	font-weight: 400;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.advertising_2_link a span
{
	font-weight: 600;
}
.advertising_2_link a:hover
{
	color: rgba(255,255,255,0.5);
}
.future_events
{
	margin-top: 72px;
}
.event_date
{
	text-align: center;
	width: 70px;
	height: 70px;
}
.event_day
{
	font-size: 40px;
	font-weight: 800;
	color: rgba(0,0,0,0.15);
	line-height: 0.75;
}
.event_month
{
	font-size: 18px;
	font-weight: 900;
	text-transform: uppercase;
	color: rgba(0,0,0,0.15);
	line-height: 0.75;
	margin-top: 13px;
}

/*********************************
12. Footer
*********************************/

.footer
{
	width: 100%;
	background: #1f1f1f;
}
.footer_content
{
	padding-top: 50px;
	text-align: center;
	padding-bottom: 17px;
}
.footer_logo a
{
	font-family: 'Ubuntu', sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: #facd8a;
	letter-spacing: 0.075em;
	text-transform: uppercase;
	line-height: 0.75;
}
.footer_social
{
	margin-top: 34px;
}
.footer_social ul li
{
	display: inline-block;
}
.footer_social ul li:not(:last-child)
{
	margin-right: 21px;
}
.footer_social ul li i
{
	color: #8f8f8f;
}
.footer_social_facebook:hover i
{
	color: #3b5999;
}
.footer_social_twitter:hover i
{
	color: #55acee;
}
.footer_social_pinterest:hover i
{
	color: #bd081c;
}
.footer_social_vimeo:hover i
{
	color: #1ab7ea;
}
.footer_social_instagram:hover i
{
	color: #c26d7a;
}
.footer_social_google:hover i
{
	color: #dd4b39;
}
.copyright
{
    color: #facd8a;
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
	font-weight: 500;
	margin-top: 40px;
}
.subscribe
{
	width: 100%;
	height: 100%;
}
.subscribe_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 375px;
	height: 100%;
	background: #111111;
    text-align: center;
    padding-top: 50px;
}
.subscribe_content
{
	width: 100%;
	padding-left: 30px;
	padding-right: 15px;
	padding-top: 45px;
}
.subscribe_title
{
	font-family: 'Ubuntu', sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #FFFFFF;
	margin-bottom: 32px;
}
.subscribe_content form
{
	position: relative;
	width: 100%;
}
.sub_input
{
	width: 100%;
	background: transparent;
	border: none;
	outline: none;
	border-bottom: solid 1px #888888;
	padding-bottom: 9px;
	color: #FFFFFF;
}
.sub_input::-webkit-input-placeholder
{
	font-family: 'Ubuntu', sans-serif;
	font-size: 14px !important;
	font-weight: 500 !important;
	color: rgba(255,255,255,0.5) !important;
}
.sub_input:-moz-placeholder
{
	font-family: 'Ubuntu', sans-serif;
	font-size: 14px !important;
	font-weight: 500 !important;
	color: rgba(255,255,255,0.5) !important;
}
.sub_input::-moz-placeholder
{
	font-family: 'Ubuntu', sans-serif;
	font-size: 14px !important;
	font-weight: 500 !important;
	color: rgba(255,255,255,0.5) !important;
}
.sub_input:-ms-input-placeholder
{
	font-family: 'Ubuntu', sans-serif;
	font-size: 14px !important;
	font-weight: 500 !important;
	color: rgba(255,255,255,0.5) !important;
}
.sub_input::input-placeholder
{
	font-family: 'Ubuntu', sans-serif;
	font-size: 14px !important;
	font-weight: 500 !important;
	color: rgba(255,255,255,0.5) !important;
}
.sub_button
{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	background: transparent;
	border: none;
	outline: none;
}
.sub_button svg polygon
{
	fill: rgba(255,255,255,0.5);
}
.subscribe_content form:hover .sub_button svg polygon,
.subscribe_content form:focus .sub_button svg polygon
{
	fill: #37d27f;
}
.subscribe_content form:hover .sub_input,
.sub_input:focus
{
	border-bottom: solid 1px rgba(255,255,255,1);
}


/*********************************
13. Custom card css
*********************************/
.custom-card-border{
    border-radius: 6px;
    border-top-right-radius:0px;
    border: 5px solid #facd8a;
    border-left: none;
    border-top:none;

}

.custom-card-title a
{
    color: #facd8a;
}

.custom-card-title a:hover
{
    color: white;
}
.custom-card-text
{
    color: rgba(175, 175, 175, 0.8);
}
.custom-post-meta a, .custom-post-meta span{
    color: rgba(255, 255, 255, 1);
    /*color: rgba(175, 175, 175, 0.8);*/

}



.custom-gold-button {
    border-radius: 0;
    background: #facd8a;
    border-color: #facd8a;
    font-family: "Poppins", sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 11px 18px;
    transition: 0.5s;
    color: black;
    border-radius: 5px;
}
.custom-gold-button:hover{
    background: #fff;
    color:black;


}

.custom_card_default_with_background .card-body
{
    padding-top: 16px;
    padding-bottom: 6px !important;
}
.custom_card_default_with_background .card-title a
{
    font-size: 14px;
    line-height: 1.3;
    font-weight: 500;
    color: #FFFFFF;
}
.custom_card_default_with_background .card-title
{
    line-height: 1.3;
}
.custom_card_default_with_background .card-body
{
    padding-bottom: 10px;
}


/*********************************
14. Standing Tables
*********************************/

@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500');
.standings * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.standings table {
    /* position relative to include a band on the left of the container */
    margin: 0rem 1rem;
    position: relative;
    /* cap the width of the table, allowing for a sizeable portion of white space if allowed by the viewport */
    width: calc(90vw - 2rem);
    max-width: 800px;
    /* spacing to separate the table rows vertically */
    border-spacing: 0 1rem;
    border-collapse: separate;
}
/* with a pseudo element add a band with a repeating linear gradient */
.standings table:before {
    position: absolute;
    content: '';
    right: calc(100% + 1rem);
    top: 0;
    height: 100%;
    width: 1.5rem;
    border-radius: 5px;
    border: 1px solid #38383F;
    background: repeating-linear-gradient(-45deg, #15151E 0px, #15151E 4px, #38383F 4px, #38383F 8px);
}
/* center every element nested in a table row */
.standings table tr > * {
    text-align: center;
    padding: 0.1rem;
}
/* align every second item of each row to the left */
.standings table tr > *:nth-child(2) {
    text-align: left;
}


/* style the headings to have thin uppercase titles for the columns */
.standings table th {
    font-weight: 300;
    letter-spacing: 0.04rem;
    font-size: 0.9rem;
    color: #eee;
    text-transform: uppercase;
}

/* slightly increase the weight of the cell describing the position */
.standings table td.position {
    font-weight: 500;
}

/* style the cell with the driver visually separating the first, last name and team */
.standings table td.driver {
    padding-left: 1rem;
    font-size: 0.9rem;
    letter-spacing: 0.05rem;
}
.standings table td.driver strong {
    text-transform: uppercase;
    font-weight: 500;
}
.standings table td.driver span {
    text-transform: capitalize;
    margin-left: 0.75rem;
    font-size: 0.7rem;
    color: #999;
    letter-spacing: initial;
}

/* style the span nested in the last cell to have the gap in a rounded rectangle */
.standings table td.pts span {
    background: #38383F;
    border-radius: 30px;
    padding: 0.5rem 0.75rem;
    font-size: 0.8rem;
    text-transform: uppercase;
}

/* on smaller viewports remove the third column from sight */
@media (max-width: 500px) {
    .standings table tr > *:nth-child(5) {
        /*display: none;*/

    }
}

/*********************************
15. View Full Standing Button
*********************************/

.view_full_standings_button
{
    width: 250px;
    height: 36px;
    background: rgba(0,0,0,1);
    border: solid 1px #facd8a;
    border-radius: 18px;
    margin: 0 auto;
    line-height: 32px;
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: rgba(0,0,0,1);
    cursor: pointer;
    background: #facd8a;
}
.view_full_standings_button:hover
{
    background: white;
    border: solid 1px white;
}
/*********************************
16. News Category
*********************************/


.news_card_grid {
    display: grid;
    grid-template-columns: auto auto auto auto;
    gap: 10px;
    margin: 5% 0;
}

.news_card {
    overflow: hidden;
    background-color: #FFF;
    border-radius: 30px;
    text-align: center;
}


.news_card_img img {
    width: 100%;
    height: auto;
    border-radius: 20px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.news_card_body {
    padding: 26px 20px 36px 20px;
    /*padding: 0px 5px 36px 5px;*/
}

.news_card_title {
    font-family: 'Merriweather',
    serif;
    font-weight: 900;
    text-transform: capitalize;
    font-size: 18px;
    padding-bottom: 0px;
    padding-top: 5px;
}
.news_card a{
    color: black;
}
.news_card a:hover{
    color: inherit;
}
.news_card .news_card_body:hover{

}
.news_card_body p {
    font-weight: 600;
    font-size: 13px;
    /*line-height: 1.7;*/

}

p.news_card_author {
    font-size: 15px;
    padding-top: 5px;

}

p.news_card_author a {
    color: #1B1C34;
    font-style: italic;
}

p.news_card_author a:hover {
    font-weight: bold;
}
.

a.news_read_more {
    color: #FFF;
    font-size: 13px;
    text-decoration: none;
    letter-spacing: 1.1px;
    background: #0F1616;
    margin-top: 50px;
    padding: 24px 0px;
    border-radius: 15px;
    display: inline-block;
    width: 70%;
    transition: all .3s ease-in-out;
}

a.news_read_more:hover {
    box-shadow: 0px 1px 50px rgba(0, 0, 0, 0.15);
    background: #404040;
}

.news_link {
    position: fixed;
    background-color: #D12322;
    padding: 23px 40px;
    right: -106px;
    border-radius: 5px;
    top: 50%;
    transform: translateY(-50%);
    transform: rotate(-90deg);
    font-size: 18px;
    font-weight: 500;
    color: #FFF;
    text-decoration: none;
    text-transform: capitalize;
    transition: all .1s ease-in-out;
}

.news_link i {
    padding-left: 7px;
}

.news_link:hover {
    text-decoration: underline;
    background-color: black;
}

@media only screen and (max-width: 1441px) and (min-width: 1025px) {
    .news_card_grid {
        gap: 2%;
    }

    .news_card {
        padding: 15px;
    }

    .news_card_body {
        padding: 15px;
    }

    .news_card_title {
        font-size: 22px;
        padding-bottom: 14px;
    }

    .news_card_body p {
        font-size: 16px;
    }

    a.news_read_more {
        padding: 19px 0;
        width: 60%;
        font-size: 11px;
        margin-top: 30px;
    }

}

@media only screen and (max-width: 1024px) {

    .news_card_grid {
        grid-template-columns: auto auto auto;
        gap: 10px;
        padding: 10px;
    }
}
@media only screen and (max-width: 768px) {

    .news_card_grid {
        grid-template-columns: auto auto;
        gap: 10px;
        padding: 10px;
    }
}

@media only screen and (max-width: 425px) {
    .news_card_grid {
        grid-template-columns: auto;
        gap: 10px;
        padding: 10px;
    }

    .news_card {
        padding: 20px 10px;
    }

    .news_card_body {
        padding: 7px;
    }

    .news_card_title {
        font-size: 20px;
        padding-bottom: 7px;
    }

    .news_card_body p {
        font-size: 14px;
    }

    a.news_read_more {
        padding: 15px 0;
        margin-top: 20px;
    }
}
/*********************************
    Pagination
*********************************/

.page-item.active .page-link {
    background: #facd8a;
    color: black;
    border: 1px solid #facd8a;
}
.page-link {
    color: black;
}
.page-link:hover {
    background: #facd8a;
    color: black;
}

/*********************************
    DRIVERS CARD
*********************************/
@import url("https://fonts.googleapis.com/css2?family=Staatliches&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;700&display=swap");
:root {
    --font-bold-narrow: "Staatliches", sans-serif;
    /* --font-normal-narrow: "Roboto Condensed", "sans-serif"; */
    --font-normal-narrow: "Roboto Condensed", sans-serif;
    font-size: 20px;
}
.driver-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: center;
}

.flip-card {
    background-color: transparent;
    width: 15rem;
    height: 20rem;
    perspective: 1000px; /* Remove this if you don't want the 3D effect */
}
.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s;
    transform-style: preserve-3d;
    cursor: pointer;
    user-select: none;
}
.flip-card.active .flip-card-inner {
    transform: rotateY(180deg);
}
.driver-card,
.details-card {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
    border-radius: 1em;
    overflow: hidden;
}
/* front card */
.driver-card {
    background: black;
    position: relative;
    filter: drop-shadow(0 0 0.5rem var(--team-color));
}

.driver-card .helmet-image-layer {
    position: absolute;
    justify-content: center;
    align-items: center;
    display: flex;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    mix-blend-mode: multiply;
    opacity: 0.2;
}
.driver-card .helmet-image-layer img {
    filter: grayscale(1);
}

.driver-card .driver-image-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.driver-card .driver-image-layer img {
    height: 100%;
    right: -5rem;
    filter: drop-shadow(-0.5rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5));
    transition: transform 0.25s ease;
    transform-origin: bottom right;
    transform: scale(0.95);
}
.flip-card:hover .driver-image-layer img {
    height: 100%;
    transform-origin: bottom right;
    transform: scale(1);
}

.driver-card .driver-image-layer:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 1.5rem 0.5rem rgba(0, 0, 0, 0.8);
}


.driver-card .overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    padding: 1rem;
    align-items: center;
    color: white;
    z-index: 1;
}
.driver-card .overlay .number {
    font-size: 1.5rem;
    line-height: 2rem;
    text-shadow: 0 0 0.2rem black;
}
.driver-card .overlay .abbr {
    font-size: 0.8rem;
    line-height: 1.2rem;
    margin-bottom: 0.5rem;
    text-shadow: 0 0 0.2rem black;
}
.driver-card .overlay .flag,
.driver-card .overlay .team {
    margin-top: 0.5rem;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    object-fit: contain;
    background-color: white;
    padding: 0.05rem;
    box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.5);
}

.driver-card .overlay-name {
    position: absolute;
    /* display: flex; */
    flex-direction: column;
    padding: 1rem;
    color: white;
    font-family: var(--font-bold-narrow);
    z-index: 1;
    text-shadow: 0 0 0.2rem black, 0 0 0.2rem black, 0 0 0.2rem var(--team-color),
    0 0 0.2rem var(--team-color);
    bottom: 0;
}
.driver-card .overlay-name img.helmet {
    height: 3rem;
    margin-left: -1rem;
}
.driver-card .overlay-name .first-name {
    font-size: 1rem;
    line-height: 1rem;
}
.driver-card .overlay-name .last-name {
    font-size: 2rem;
    line-height: 2rem;
}

.card-background:after {
    content: "";
    position: absolute;
    width: 400%;
    height: 100%;
    transform: skew(-22.5deg) translateX(-25%);
    transform-origin: top left;
    background-color: var(--team-color);
    background-image: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0.05) 50%,
        transparent 50%
    ),
    linear-gradient(90deg, rgba(0, 0, 0, 0.08) 50%, transparent 50%),
    linear-gradient(90deg, transparent 50%, rgba(0, 0, 0, 0.11) 50%),
    linear-gradient(90deg, transparent 50%, rgba(0, 0, 0, 0.14) 50%);
    background-size: 15%, 28%, 35%, 50%;
    margin: 0;
    transition: transform 0.25s ease;
}
.driver-card.card-background:hover:after {
    transform: skew(-22.5deg) translateX(-15%);
}

.details-card {
    /* background-color: dodgerblue; */
    display: flex;
    color: white;
    transform: rotateY(180deg);
    width: 100%;
    height: 100%;
}

.details-card .details-inner {
    box-shadow: inset 0 0 1.5rem 0.5rem rgba(0, 0, 0, 0.8);
    display: flex;
    flex-wrap: wrap;
    color: white;
    width: 100%;
    height: 100%;
    z-index: 1;
    padding: 1rem;
    font-size: 1.5rem;
    line-height: 1.5rem;
    text-shadow: 0 0 0.2rem black;
    gap: 0.5em;
}

.details-inner > * {
    position: absolute;
}
.detail-name {
    top: 1rem;
    left: 1rem;
}
.detail-helmet {
    bottom: 1.1rem;
    right: 0.8rem;
    height: 2.4rem;
    width: 2.8rem;
    object-fit: cover;
    object-position: 50% 50%;
}
.detail-number {
    top: 1rem;
    right: 1rem;
    /* height: 3rem; */
    width: 3rem;
    font-size: 40px;
    /* object-fit: contain; */
    border-radius: 50%;
    color: black;
    background: white;
    text-align: center;
    /* font-size: 40px; */
    /* box-shadow: 0 0 0.5rem rgb(0 0 0 / 50%); */
}

.detail-car {
    bottom: 1rem;
    left: -100%;
    height: 3rem;
    transition: left 0.8s ease;
}
.active .detail-car {
    left: 1rem;
}

.bio-wrap {
    top: 5rem;
    display: grid;
    font-size: 0.6rem;
    line-height: 1rem;
    /*grid-template-columns: min-content auto;*/
    grid-template-columns: auto auto;
    gap: 0.2rem 0.5rem;
    font-family: var(--font-normal-narrow);
    font-weight: 400;
    padding-right: 1rem;
    /* white-space: nowrap; */
}
.bio-wrap > *:nth-child(even) {
    font-weight: 700;
}
.bio-wrap span {
    font-weight: 300;
}
.bio-wrap2{
    display: grid;
    font-size: 0.7rem;
    line-height: 1rem;
    grid-template-columns: auto auto;
    gap: 0.3rem 0.5rem;
    font-family: var(--font-normal-narrow);
    padding-right: 1rem;
    color: black;
}
.bio-wrap2 > *:nth-child(even) {
    font-weight: 700;
}
.bio-wrap2 span {
    font-weight: 300;
}

/*********************************
    LOGIN/REGISTER CARD
*********************************/
.error{
    text-align: center;
    color: red;
}
.success{
    text-align: center;
    color: #38a220 ;
}

.driver-card .formfield {
    position: absolute;
    top: 50px;
    left: 0;
    display: flex;
    flex-direction: column;
    padding: 1rem;
    align-items: normal;
    color: white;
    z-index: 1;
    width: 100%;
}

.login-flip-card {
    background-color: transparent;
    max-width: 500px;
    width: 100%;
    height: 22rem;
    perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

.login-flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s;
    transform-style: preserve-3d;
    user-select: none;
}
.login-flip-card.active .login-flip-card-inner {
    transform: rotateY(180deg);
}

.login-flip-card-form-control {
    width: 100%;
    padding: 6.5px 10px;
    font-size: 1em;
    font-weight: 400;
    color: #fff;
    background-color: transparent !important;
    border: 1px solid #facd8a;
    border-radius: 10px;
    -webkit-transition: .15s border-color;
    -o-transition: .15s border-color;
    transition: .15s border-color;
}

.login-flip-card-form-control::placeholder{
    color: white;
}
.login-flip-card-form-control:disabled{
    background-color: rgba(255,255,255,0.6) !important;
    opacity: 1;
    color: black;
    cursor: no-drop;
}
.login-register-button a{
    color: #facd8a;
    -webkit-transition: .15s color;
    -o-transition: .15s color;
    transition: .15s color;
    text-decoration: none;
    background-color: transparent;
}
/*********************************
    NAV PILL TAB AT STANDINGS PAGE
*********************************/

.nav-pills .nav-link {
    color: #facd8a;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #000;
    font-weight: bold;
    background-color: #facd8a;
}
/*********************************
    Profile
*********************************/
.nk-decorated-h-2{
    color: white;
    text-align: center;
    margin-top: 50px;
}
.nk-match .nk-match-status {
    width: 30%;
    text-align: center;
}
.nk-match .nk-match-team-left, .nk-match .nk-match-team-right, .nk-match .nk-match-status {
    width: 35%;
}
.nk-match .nk-match-status .nk-match-status-vs {
    display: block;
    margin-bottom: 4px;
    font-weight: 600;
}
.text-main-1 {
    color: #facd8a !important;
}
.nk-match .nk-match-status .nk-match-status-date {
    display: block;
    font-size: .9em;
}
.nk-match {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 20px;
    color: #fff;
    background-color: #293139;
    margin-top: 20px;

}
.nk-match-score {
    display: inline-block;
    padding: 9px 19px;
    font-family: "Montserrat", sans-serif;
    font-size: .87rem;
    font-weight: 600;
    line-height: 1.2;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #546374;
    border-radius: 4px;
}
.nk-match-score:hover{
    background-color: #facd8a;
    color: black;
}

.nk-btn {
    display: inline-block;
    padding: 9px 10px;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    width: 185px;
    text-transform: uppercase;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 4px;
    -webkit-transition: .15s all;
    -o-transition: .15s all;
    transition: .15s all;
    background-color: #fff;
    color: black;
}
.nk-btn:hover{
    color: black;
}
@media (max-width: 991px)
{
    .nk-match {
        display: block;
    }
    .nk-match .nk-match-status {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .nk-match .nk-match-team-left, .nk-match .nk-match-team-right, .nk-match .nk-match-status {
        width: 100%;
    }
    .nk-match .nk-match-status {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}