/*
Theme Name: Digital Trade — Open Rights Group
Author: BM Studios
Author URI: https://bmstudios.org
Version: 1.1
*/
@import url('css/typography.css');

body {font-family: 'RobotoSlab', sans-serif; background-color: #191818; color: #f1f1f1; overflow-x: hidden; margin-top: 40px;}

a {color: #f1f1f1; text-decoration: none;}
a:hover {color: #f1f1f1; text-decoration: none;}

p {color: #f1f1f1;}
li {color: #f1f1f1;}

h1, h2, h3, h4, h5, h6 {font-family: 'Fjalla', sans-serif; text-transform: uppercase;}

/* paragraph main body text dark */

hr {border-color: #fff;}

.margin-top {margin-top: 100px;}
.margin-top-half {margin-top: 50px;}
.margin-top-200 {margin-top: 200px;}

.img-responsive {max-width: 100%; }
.img-responsive img {max-width: 100%; }

/* Navbar */
.navbar-logo img {max-width: 180px;}

.navbar li {padding-left: 10px; padding-right: 10px;}
@media screen and (max-width: 767px) {.navbar li {margin-top: 20px;} }

.navbar-nav a {font-family: 'Fjalla', sans-serif; text-transform: uppercase; text-decoration: none; color: #fff !important; font-size: 18px;}
.navbar-orgbtn a { border: solid #FC4348 1px; color: #FC4348 !important; padding: 12px 25px !important; margin-top: -3px;}
.navbar-orgbtn a:hover {background-color: #FC4348; color: #fff !important;}
@media screen and (max-width: 767px) {.navbar-orgbtn a {text-align: center;}}

.navbar-orgbtn-secondary a { border: solid #777 1px; color: #777 !important; padding: 12px 25px !important; margin-top: -3px;}
.navbar-orgbtn-secondary a:hover {background-color: #777; color: #fff !important;}
@media screen and (max-width: 767px) {.navbar-orgbtn-secondary a {text-align: center;}}

/* Home page  */
.main-section h2 {margin-top: -20px !important;}
.main-section h3 {margin-top: -20px !important;}
.category-label {color: #fc4348; font-size: 14px; margin-top: 20px;}
.category-label a {color: #fc4348;}
.category-label-secondary {color: #fc4348; font-size: 12px; margin-top: 20px;}
.category-label-secondary a {color: #fc4348;}
.date-label {font-size: 16px; color: #888; margin-top: 20px;}

.home-post-main-image img {width: 100%; height: 300px; position:relative; object-fit: cover;}

@media screen and (max-width: 991px) {.right-sidebar-post-section { margin-top: 40px;}}
.side-post {margin-bottom: 20px !important; }
.side-post-img {width: 210px; height: 140px; position:relative; object-fit: cover; margin-left: 0px;}
.side-post-content {margin-left: 220px; margin-top: -142px; position: absolute;}
  .side-category-label {color: #fc4348; font-size: 12px;}
  .side-category-label a {color: #fc4348;}
  .side-date-label {font-size: 14px; color: #888; margin-bottom: 0px;}

.side-post h3 {font-size: 24px;}
@media screen and (max-width: 767px) {.side-post h3 {font-size: 19px;}}


.read-more-link {text-align: center;}
@media screen and (min-width: 992px) {.read-more-link {margin-top: 50px;}}

.update-section {background-color: #FC4348; color: #fff; margin-top: 100px; padding-top: 60px; padding-bottom: 50px;}
.update-content {max-width: 1050px !important; margin-left: auto; margin-right: auto; text-align: center;}
@media screen and (max-width: 991px) {.update-content {text-align: left;;}}



.main-video-section h1 {font-size: 72px !important; max-width: 980px; margin-top: 100px; margin-bottom: 30px;}
@media screen and (max-width: 767px) {.main-video-section h1 {font-size: 42px !important;}}

.main-video-section img {width: 100%; height: 600px; position:relative; object-fit: cover;}
.secondary-video-section {margin-top: 70px;}
.secondary-video-content {margin-bottom: 60px;}
.secondary-video img {width: 100%; height: 300px;position:relative; object-fit: cover;}



.take-action-area {text-align: center; margin-top: 165px; margin-bottom: 225px !important;}
.take-action-area h1 {text-transform: uppercase; font-size: 62px;}
@media screen and (max-width: 767px) {.take-action-area h1 {font-size: 48px;}}
.take-action-area p {font-size: 28px; max-width: 550px; margin-left: auto; margin-right: auto;}
@media screen and (max-width: 767px) {.take-action-area p {font-size: 22px;}}

.btn-primary-org { background-color: #FC4348; color: #fff;text-transform: uppercase; text-align: center; text-decoration: none; font-family: 'Fjalla', sans-serif; border-radius: 0px; padding: 15px 60px; font-size: 24px; margin-top: 15px;}



.primary-post-section {margin-top: 120px;}
.primary-post-section h1 {font-size: 52px; padding-bottom: 25px;}

@media screen and (max-width: 991px) {.dual-post-area {margin-bottom: 60px; }}

/* Bottom area home page */

.final-cta-area {background-color: #FC4348; color: #fff; margin-top: 100px; padding-top: 100px; padding-bottom: 100px;}
.final-cta-area h2 {text-align: center; text-transform: uppercase; font-size: 78px;}
@media screen and (max-width: 991px) {.final-cta-area h2 {font-size: 42px;}}
.final-cta-area-btn {background-color: #111; color: #fff; text-transform: uppercase; text-align: center; text-decoration: none; font-family: 'Fjalla', sans-serif; border-radius: 0px; padding: 15px 60px; font-size: 24px; margin-top: 30px;}



/* Blog post */

.main-title-post {font-size: 92px; text-align: center; max-width: 900px; margin-left: auto; margin-right: auto; margin-top: 80px;}
@media screen and (max-width: 991px) {.main-title-post {font-size: 58px;}}
.blog-post-date {text-align: center; font-family: 'Fjalla', sans-serif; font-style: italic; text-transform: uppercase; font-size: 19px;}

.blog-post-social-links {text-align: center; margin-right: 40px;}
.blog-post-social-links li {display: inline; margin: 0px 10px; color: #777;}
.blog-post-social-links a {color: #777;}
.blog-post-social-links a:hover {color: #FC4348;}

.post-content-area {max-width: 900px; margin-left: auto; margin-right: auto; margin-top: 80px;}
.post-content-area p {font-size: 20px;}
.post-content-area a {text-decoration: underline;}
.article-block h1, h2, h3, h4 {padding-top: 20px;}
.post-content-area li {font-size: 20px; padding-bottom: 10px;}
.post-content-area blockquote {padding-left: 30px;}
@media screen and (max-width: 991px) {.post-content-area p {font-size: 18px;}}




.alert-download {background-color: #fefdea; border-radius: 0px; padding: 20px 20px 12px 30px !important;}
.alert-download .text {margin-top: 10px;}
.alert-download .text a {color: #111; font-size: 21px; padding-top: 45px; padding-bottom: 30px;text-decoration: underline;}
.alert-download .button {text-align: center;}
.alert-download .button a { background-color: #FC4348; color: #fff;text-transform: uppercase; text-align: center; text-decoration: none; font-family: 'Fjalla', sans-serif; border-radius: 0px; padding: 10px 40px; font-size: 19px; margin-top: 15px;}


.video-container-page { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container-page iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 85%; }



/* Category page */

.category-title-section {margin-top: 80px;}
.category-title-section h1 {font-size: 52px; padding-bottom: 25px;}

.category-title {margin-bottom: -60px !important;}
.category-row {margin-top: 80px;}

    .breadcrumb-home {background: transparent; margin-left: -15px; margin-top: -30px;}
    .breadcrumb .active {color: #FC4348;}


/* Footer */
.footer {margin-top: 100px;}
.footer-list {padding-top: 5px;}
.footer-list li {list-style-type: none !important; text-transform: uppercase; font-size: 12px; color: #999;}
@media screen and (max-width: 767px) {.footer-list li {padding-bottom: 12px; margin-left: -40px;}}
.footer-list a {text-decoration: none; color: #999;}
.footer-list a:hover {color: #fff;}
.footer-logo small {color: #999;}
.footer-logo a {color: #999; text-decoration: none;}
.footer-social {padding-top: 60px; padding-bottom: 20px;}
.footer-social li {display: inline-block; text-align: center; padding-right: 20px;}




/* Essentials */
@media screen and (min-width: 1500px) {.container {max-width: 1400px;}}
@media screen and (max-width: 1300px) {.container {max-width: 1200px;}}
@media screen and (max-width: 1100px) {.container {max-width: 1000px;}}

.container-post {max-width: 750px; margin-left: auto; margin-right: auto;}