/*
    Theme Name: Inclusive Hubs Playbook Theme
    Theme URI: https://inclusivehubs.com
    Description: Twenty Nineteen Child Theme for Inclusive Hubs Playbook.
    Author: Marta Semeniuk
    Author URI: https://inclusivehubs.com
    Version: 2.0.0
    Template: twentynineteen
*/

/* ===========
   MAIN STYLES */

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
div,
button,
input,
optgroup,
select,
textarea {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
}

html {
  scroll-behavior: smooth;
}

/* ===========================
   OVERRIDE WORDPRESS DEFAULTS */

.hidetitle .entry-title {
	display:none;
}

.entry-content > h1 {
   margin-top: 16px;
}

.widget-area {
    width: 100%;
}

.widget-title {
  display: none;
}

.search-form {
  padding: 1rem 0;
}

.search-field {
    width: 90%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.search-submit {
    margin-top: .25rem;
    margin-bottom: .25rem;
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/* =========================
   ADDITIONAL LAYOUT CLASSES */

.font-weight-500 {
    font-weight: 500;
}

.p-attribution {
	line-height: 2; 
    font-size: 12px;
}

.logo-attribution {
	height: 55px;
}

.color-blue {
    color: #5582b7;
}

.color-green {
    color: #4fb67c;
}

.text-grey {
    color: #6c757d;
}

.contributions {
    background-color: #1e2d40;
}

.about-contributions {
    background-color: #1e2d40;
}

.subsection-contributions {
    background-color: #1e2d40;
}

.button-brand-blue {
    background-color: #5582b7;
    border-color: #5582b7;
}

.button-brand-blue:hover {
    background-color: #3f638c;
    border-color: #3f638c;
}

.button-brand-blue:not(:disabled):not(.disabled):active {
    background-color: #3f638c;
    border-color: #3f638c;
}

.button-brand-orange {
    background-color: #e58a30;
    border-color: #e58a30;
}

.button-brand-orange:hover {
    background-color: #ba6f25;
    border-color: #ba6f25;
}

.button-brand-orange:not(:disabled):not(.disabled):active {
    background-color: #ba6f25;
    border-color: #ba6f25;
}

.button-brand-green {
    background-color: #4fb67c;
    border-color: #4fb67c;
}

.button-brand-green:hover {
    background-color: #368759;
    border-color: #368759;
}

.button-brand-green:not(:disabled):not(.disabled):active {
    background-color: #368759;
    border-color: #368759;
}

.button-brand-orange:focus, .button-brand-green:focus, .button-brand-orange:focus {
    box-shadow: none!important;
    outline: 0 none!important;
}

.horiz-line {
    border: 0.5px solid silver;
    background-color: silver;
    width: 95%;
    margin: 3% auto;
}

.vl-nav {
    background-color: white;
    width: 2px;
    height: 2rem;
    margin: auto 1%;
}

/* ===========================
   OVERRIDE BOOTSTRAP DEFAULTS */

.row>.col-12 {
    margin-bottom: 32px;
}

.navbar-toggler {
    padding: 0.25rem!important;
}

.navbar-brand {
	height: 40px!important;
}

.navbar-dark .navbar-nav .nav-link {
  color: white;
  padding-right: 1.2rem;
  padding-left: 1.2rem;
  font-size: 14px;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:active,
.nav-link:hover,
.nav-link:active {
    color: #e58a30;
}

.full-nav {
    background-color: #1e2d40;
}

.sidebar {
    overflow-y: auto;
    background-color: #1e2d40;
    margin-bottom: 0!important;
}

.navbar-toggler {
    padding: 0.75rem;
    color: white;
}

.nav-link {
    padding: 0;
    color: white;
}


/* =========================
   OVERRIDE PLUGINS DEFAULTS

   =======
   WIDGETS 

   =======================
   ADVANCED SIDEBAR PLUGIN */

.parent-sidebar-menu {
	padding-left: 0!important;
}

.parent-sidebar-menu > .page_item.has_children > a {
    color: white;
    font-weight: 500;
    font-size: 18px;
}

.child-sidebar-menu {
    padding-inline-start: 20px!important;
}

.child-sidebar-menu > .page_item {
  padding-top: 0.6rem;
}

.child-sidebar-menu > .page_item > a {
    color: white;
    font-weight: 500;
    font-size: 16px;
}

.grandchild-sidebar-menu {
  list-style: none;
  padding-inline-start: 20px!important;
}

.grandchild-sidebar-menu > .page_item {
  padding-bottom: 0.4rem;
}

.grandchild-sidebar-menu > .page_item > a {
	color: white;
    font-size: 16px;
}

li .current_page_item > a {
	color: #e58a30!important;
}

/* =============
   BLOCKS PLUGIN */

.ugb-card {
   padding: 20px 15px!important;
}

.ugb-card__title {
  font-size: 1.2rem;
}


/* ============
   LANDING PAGE */

.bg-img {
    min-height: 100vh;
    background-image: url("https://storage.googleapis.com/inclusivehubs/static/Inter_W's_Day_080319_26.jpg");
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
    z-index: -1;
}

.nav-landing {
    background: none!important;
    position: absolute; 
    top: 0; 
    right: 0; 
    left: 0; 
    z-index: 1030;
}

.alt-landing {
    color: white;
    margin: 40% 0 20% 0;
    padding: 42px 18px;
}

.font-dark-grey {
    color: #666c72;
}

.phase-card > .card:hover, .phase-card > .card:active {
    color: white;
    background: #5582b7;
    transition: all 0.2s ease-in-out;
}

/* To make the card-text grey when the card is not hovered */
.phase-card > .card:hover .card-text, .phase-card > .card:active .card-text {
    color: white;
    transition: all 0.2s ease-in-out;
}

.phase-card {
    text-decoration: none;
    color: inherit;
}

.phase-card:active, .phase-card:hover {
    text-decoration: none;
    color: inherit;
}

.phase-card-text {
    font-size: 14px;
    color: #666c72;
}

.call-to-action {
    margin: 0 -15px; 
    background-color: #1e2d40;
}

.vl {
    background-color: silver;
    width: 0.5px;
    height: 95%;
    margin: auto 5%;
}


/* =============================
   LARGE PAGE SIZE CUSTOMIZATION */
   
@media (min-width: 768px) {
    /* =========================
       ADDITIONAL LAYOUT CLASSES */

    .contributions {
        margin: 0 -48px; 
    }
    
    .about-contributions {
        margin: 0 -190px;
    }
    
    .subsection-contributions {
        margin: 0 -120px;
    }


    /* ===========================
       OVERRIDE WORDPRESS DEFAULTS */

    .search-field {
        width: 180px;
    }

    .widget-area {
      padding-bottom: 46px;
    }


    /* ===========================
       OVERRIDE BOOTSTRAP DEFAULTS */
    
    .sidebar {
        position: fixed;
        overflow-y: auto;
        z-index: 1000;
        height: 100vh;
        margin-top: -32px;
        padding-top: 32px;
    }

    .navbar-collapse {
        align-items: flex-start;
    }


    /* ============
       LANDING PAGE */

    .bg-img {
         background-position: center;
    }
    
    .alt-landing {
        padding: 32px;
    }
    
    .nav-landing .navbar-brand img {
        height: 50px;
    }
    
    .vl-nav {
      height: 2.8rem;
      margin: 1rem 1% 0 1%;
    }
}