/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 26/jun/2017, 19:03:47
    Author     : Milu
*/

body {
    font-family: "Montserrat";
    font-size: 14px;
}

/*Montserrat FONT*/
@font-face {
    font-family: "Montserrat";
    src: url(fonts/Montserrat-Thin.ttf) format("truetype");
    font-weight: 100;
}
@font-face {
    font-family: "Montserrat";
    src: url(fonts/Montserrat-ThinItalic.ttf) format("truetype");
    font-style: italic;
    font-weight: 100;
}
@font-face {
    font-family: "Montserrat";
    src: url(fonts/Montserrat-ExtraLight.ttf) format("truetype");
    font-weight: 200;
}
@font-face {
    font-family: "Montserrat";
    src: url(fonts/Montserrat-ExtraLightItalic.ttf) format("truetype");
    font-style: italic;
    font-weight: 200;
}
@font-face {
    font-family: "Montserrat";
    src: url(fonts/Montserrat-Light.ttf) format("truetype");
    font-weight: 300;
}
@font-face {
    font-family: "Montserrat";
    src: url(fonts/Montserrat-LightItalic.ttf) format("truetype");
    font-style: italic;
    font-weight: 300;
}
@font-face {
    font-family: "Montserrat";
    src: url(fonts/Montserrat-Regular.ttf) format("truetype");
    font-weight: 400;
}
@font-face {
    font-family: "Montserrat";
    src: url(fonts/Montserrat-Italic.ttf) format("truetype");
    font-style: italic;
    font-weight: 400;
}
@font-face {
    font-family: "Montserrat";
    src: url(fonts/Montserrat-Medium.ttf) format("truetype");
    font-weight: 500;
}
@font-face {
    font-family: "Montserrat";
    src: url(fonts/Montserrat-MediumItalic.ttf) format("truetype");
    font-style: italic;
    font-weight: 500;
}
@font-face {
    font-family: "Montserrat";
    src: url(fonts/Montserrat-Semibold.ttf) format("truetype");
    font-weight: 600;
}
@font-face {
    font-family: "Montserrat";
    src: url(fonts/Montserrat-SemiboldItalic.ttf) format("truetype");
    font-style: italic;
    font-weight: 600;
}
@font-face {
    font-family: "Montserrat";
    src: url(fonts/Montserrat-Bold.ttf) format("truetype");
    font-weight: 700;
}
@font-face {
    font-family: "Montserrat";
    src: url(fonts/Montserrat-BoldItalic.ttf) format("truetype");
    font-style: italic;
    font-weight: 700;
}
@font-face {
    font-family: "Montserrat";
    src: url(fonts/Montserrat-ExtraBold.ttf) format("truetype");
    font-weight: 800;
}
@font-face {
    font-family: "Montserrat";
    src: url(fonts/Montserrat-ExtraBoldItalic.ttf) format("truetype");
    font-style: italic;
    font-weight: 800;
}
@font-face {
    font-family: "Montserrat";
    src: url(fonts/Montserrat-Black.ttf) format("truetype");
    font-weight: 900;
}
@font-face {
    font-family: "Montserrat";
    src: url(fonts/Montserrat-BlackIt.ttf) format("truetype");
    font-style: italic;
    font-weight: 900;
}

body.md-default-theme, body, html.md-default-theme, html {
    color: rgba(0,0,0,0.87);
    background-color: rgb(255, 255, 255);
}

a {
    text-decoration: none;
}
* {
    outline: none;
}

.site_sidebar_area {
    width: 960px;
    margin: 0 auto 30px;
}
.abc_subsection_container {
    margin: 70px auto;
}

.abc_subsection_title {
    font-size: 25px;
    color: #ffcd00;
    font-weight: 700;
    text-transform: uppercase;
    margin: 20px 0;
}
.title_action {
    color: #505050;
    font-weight: 700;
    font-size: 18px;
}
.subtitle_action {
    color: #505050;
    font-weight: 700;
    font-size: 15px;
}
.abc_subsection_text {
    font-size: 15px;
}
.right_arrow i {
    color: #ffcd00;
}
.abc_subsection div {
    padding: 5px 0;
    text-align: justify;
}
.info {
    position: relative;
    line-height: 25px;
}
.academista {
    color: #323232;
    font-weight: bold;
    margin: 25px 0;
    text-transform: uppercase;
}

.abc_subsection_mtext {
    line-height: 25px;
}
/*That text highlight color*/
::-moz-selection { /* Code for Firefox */
    color: #323232;
    background: #ffcd00;
}
::selection {
    color: #323232;
    background: #ffcd00;
}

/*Them stylish scrollbars*/
*::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(255, 205, 0, 0.3);
    border-radius: 0px;
    background-color: rgb(50, 50, 50);
}
*::-webkit-scrollbar {
    width: 8px;
    background-color: rgb(50, 50, 50);
}
*::-webkit-scrollbar-thumb {
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
    background-color: #ffcd00;
}

@media screen and (max-width: 600px) {
    .footer_upper_container {
        width: 100% !important;
        margin: 0 auto;
        position: relative;
        z-index: 10;
        padding: 0 0 36px;
    }
    .site_sidebar_area {
        width: 100% !important;
        margin: 0 auto 30px;
    }
    .home_team_fixtures_details_container {
        position: relative;
/*        right: 35px;*/
    }
    .abc_subsection {
        padding: 0 15px;
    }
    .footer_upper_details_block_wrapper {
        padding:0 !important;
        text-align: center;
    }
    .abc_subsection_title {
        font-size: 22px !important;
    }
}
@media screen and (max-width: 960px) {
    .footer_upper_container {
        width: 100% !important;
        margin: 0 auto;
        position: relative;
        z-index: 10;
        padding: 0 0 36px;
    }
    .site_sidebar_area {
        width: 100% !important;
        margin: 0 auto 30px;
    }
    .home_team_fixtures_details_container {
        position: relative;
/*        right: 35px;*/
    }
    .abc_subsection {
        padding: 0 15px;
    }
    .footer_upper_details_block_wrapper {
        padding:0 !important;
    }
    .abc_subsection_title {
        font-size: 22px !important;
    }
}