/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .h1-size, .entry-title.h1-size, .h2-size, .entry-title.h2-size, h1.entry-title, .h3-size, .entry-title.h3-size, h2.entry-title, .h4-size, .entry-title.h4-size, h3.entry-title, .h5-size, .entry-title.h5-size, .h6-size, .entry-title.h6-size, .header-color, .entry-meta .header-color, .color-title {
    color: #333333;font-weight: 300;
    font-family: 'rubik', sans-serif !important;
}
.post-box h2 a, .post-box h2 {    font-size: 1.15em;   color: #1b1b1b !important;    font-weight: 500 !important;    padding: 0 4px;   line-height: 1.2;}
.post-box p {    font-size: 0.95em;   color: #465580 !important;    font-weight: 300 !important;    padding: 0 8px;   line-height: 1.4;}
.site-page { margin-top: 0px;}
body .fancy-header .fancy-title {
    font-size: 52px;
    line-height: 36px;
    color: #ffffff;
    text-transform: none;
    text-shadow: 1px 1px 5px #000;
    font-weight: 900;
}
.sub-nav {
    background: linear-gradient(
90deg
, #4e6dc3, #4c5481) fixed;
    padding: 9px 10px 9px 10px;
    box-shadow: none;
}
body .fancy-header .fancy-subtitle  {color: #ffffff;  text-shadow: 1px 1px 5px #000;}
.post-box a.detailes {color:#4460A5;text-decoration: none;position: absolute;bottom: 5px;right: 5px}
.post-box { position: relative;  min-height: 390px;}
.post-box small { font-size: 75%; position: absolute; top: 5px;left: 5px; background: #fff;  padding: 4px;line-height: 1;border-radius: 2px;}
.branding {position: absolute; top: -39px;left: 0;}
ul#primary-menu {  background: red; flex: 0 0 80%; right: 0; width: 100%;}
header.header-bar {flex-direction: row-reverse !important;}
ul#primary-menu { background: linear-gradient(90deg, #4e6dc3, #4c5481);flex: 0 0 80%; right: 0;width: 100%; /* clip-path: polygon(39px 0%, 100% 0, 100% 100%, 0% 100%)*/;  color: #fff;}
.branding a img, .branding img {max-width: 100%;  height: auto; width: 230px; padding-left: 14px !important;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 13px; left: inherit; width: auto; right: 0;}
.elementor-cta__button { padding-left: 0;}
.elementor-cta__title {padding-top: 10px;}
#footer.solid-bg { background: linear-gradient(90deg, #4e6dc3, #4c5481);}
.elementor-button { width: 90% ;}
.elementor-align-left .elementor-button {width: 90%;}
.site-page {}
div#collaborators {
    padding: 34px;
    color: #333;
    max-width: 100%;
    width: 710px;
    margin: 0 auto;
    font-size: 16px;
}
div#collaborators li {
   
    margin-bottom: 30px;
  
}
ul.collaborators li {
    display:flex;
}
div#collaborators li h4 {
    display: flex;
    flex-direction: column;
    padding-left: 10px;
}
ul.collaborators li img {
   width:60px;padding-right:6px
}
.column2, .column {  flex: 0 0 24%;    padding: 4px;   box-sizing: border-box;    display: none;   border: 1px solid #B4CBEA;    background: #fff;   margin: 5px 0.5%;}
.row {  display: flex; padding: 0 0 60px 0;    flex-wrap: wrap;}
/* The "show" class is added to the filtered elements */
.show2, .show { display: block;}
.btn,.btn2 {  border: none;  outline: none;  padding: 12px 16px; background-color: transparent;
    color: #1C3787;  cursor: pointer;}
.btn:hover,.btn2:hover { color: #13c6ec;}
.btn.active, .btn2.active2 {   color: #13c6ec;}
.myBtnContainer2, .myBtnContainer {text-align: center;  padding-top: 30px}
#main:not(.sidebar-none) .wf-container-main { display: block;  grid-column-gap: 50px;}
.tab {    overflow: hidden;    border: 0px solid #ccc;    text-align: center;    margin: -43px 0 16px;   position: absolute;    z-index: 88;   width: 100%;}
.tab button { background-color: #C9DBF2;  border: none;  outline: none;color:#1C3787;  cursor: pointer;  padding: 10px 40px;  transition: 0.3s;font-size: 1em;}
.tab button:hover {background-color: #ddd;}
.tab button.activetab { background-color: #f5f8fc;}
.tabcontent {  display: none;  padding: 6px 12px;  border: 0px solid #ccc;  border-top: none;}

img.mobile-logo {
    max-width: 160px !important;
}