/*
Theme Name: Disney Sites Page Builder
Theme URI: https://gitlab.disney.com/DDM/applications/DisneySites/-/tree/develop/web/app/themes/bb-child-theme-ddm
Version: 1.4.2
Description: Allows pre-built Beaver Builder templates to be included on post's sub-header and pre-header sections on a per category basis. This theme requires ACF and Beaver Builder plugins to work properly.
Author: Digital Media Agency
Author URI: 
template: bb-theme
*/

/* Add your custom styles here... */ 

@import url("https://cdn.media.disneyatoz.com/fonts/InspireTWDC_fonts.css");

@font-face {
    font-family: "Geograph Brand";
    src: url("https://cdn.media.disneyatoz.com/fonts/natgeo/GeographBrand-Thin.otf");
    font-weight: 100; }

@font-face {
    font-family: "Geograph Brand";
    src: url("https://cdn.media.disneyatoz.com/fonts/natgeo/GeographBrand-ThinItalic.otf");
    font-style: italic;
    font-weight: 100; }

@font-face {
    font-family: "Geograph Brand";
    src: url("https://cdn.media.disneyatoz.com/fonts/natgeo/GeographBrand-Light.otf");
    font-weight: 300; }

@font-face {
    font-family: "Geograph Brand";
    src: url("https://cdn.media.disneyatoz.com/fonts/natgeo/GeographBrand-LightItalic.otf");
    font-style: italic;
    font-weight: 300; }

@font-face {
    font-family: "Geograph Brand";
    src: url("https://cdn.media.disneyatoz.com/fonts/natgeo/GeographBrand-Regular.otf");
    font-weight: 400; }

@font-face {
    font-family: "Geograph Brand";
    src: url("https://cdn.media.disneyatoz.com/fonts/natgeo/GeographBrand-RegularItalic.otf");
    font-style: italic;
    font-weight: 400; }

@font-face {
    font-family: "Geograph Brand";
    src: url("https://cdn.media.disneyatoz.com/fonts/natgeo/GeographBrand-Medium.otf");
    font-weight: 500; }

@font-face {
    font-family: "Geograph Brand";
    src: url("https://cdn.media.disneyatoz.com/fonts/natgeo/GeographBrand-MediumItalic.otf");
    font-style: italic;
    font-weight: 500; }

@font-face {
    font-family: "Geograph Brand";
    src: url("https://cdn.media.disneyatoz.com/fonts/natgeo/GeographBrand-Bold.otf");
    font-weight: 700; }

@font-face {
    font-family: "Geograph Brand";
    src: url("https://cdn.media.disneyatoz.com/fonts/natgeo/GeographBrand-BoldItalic.otf");
    font-style: italic;
    font-weight: 700; }

@font-face {
    font-family: "Geograph Brand";
    src: url("https://cdn.media.disneyatoz.com/fonts/natgeo/GeographBrand-Black.otf");
    font-weight: 900; }

@font-face {
    font-family: "Geograph Brand";
    src: url("https://cdn.media.disneyatoz.com/fonts/natgeo/GeographBrand-BlackItalic.otf");
    font-style: italic;
    font-weight: 900; }

 /* --- Life at disney Author box styles ---  */

h4.author-badge {
    line-height: 1.2em;
    margin-top:1em;
}
.author-image{
    border-radius:50px;
    margin: 5px 10px 20px;
    height:74px !important;
    width:76px;
}
span.author-name {
    color: #4c4c4c;
    font-size: 0.9em;
}
span.author-title{
    color: #7b7777;
    font-size: 0.8em;
    font-style: italic;
}


@media (max-width: 767px) {
    h4.author-badge {
        font-size: 18px;
        line-height: 1em;
        letter-spacing: 0px;
    }
}
/* Images inside posts... */
.fl-post a img {
    display: flex;
    text-align: center;
    margin: 15px auto 15px auto;
}
.fl-post li img{
    float:left;
}
a img.alignleft {
    float: left;
    margin-right: 10px !important;
}
a img.alignright {
    float: right;
    margin-left: 10px !important;
}
/* Images on Blog feeds */
.blog .fl-post-content, .archive .fl-post-content {
    display: inline-block;
}
.blog .fl-post .fl-post-image-beside,
.archive .fl-post .fl-post-image-beside {
    float: unset;
}

/**************************************************************
 * Enforcing consistent Gravity Form style for executive comp *
 **************************************************************/
.gform_wrapper label {
    color: #333;
    font-weight: 800;
}

.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="password"],
.gform_wrapper input[type="search"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="range"],
.gform_wrapper input[type="date"],
.gform_wrapper input[type="month"],
.gform_wrapper input[type="week"],
.gform_wrapper input[type="time"],
.gform_wrapper input[type="datetime"],
.gform_wrapper input[type="datetime-local"],
.gform_wrapper input[type="color"],
.gform_wrapper textarea {
    color: #666;
    background: #fff;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.gform_wrapper input[type="text"]:focus,
.gform_wrapper input[type="email"]:focus,
.gform_wrapper input[type="url"]:focus,
.gform_wrapper input[type="password"]:focus,
.gform_wrapper input[type="search"]:focus,
.gform_wrapper input[type="number"]:focus,
.gform_wrapper input[type="tel"]:focus,
.gform_wrapper input[type="range"]:focus,
.gform_wrapper input[type="date"]:focus,
.gform_wrapper input[type="month"]:focus,
.gform_wrapper input[type="week"]:focus,
.gform_wrapper input[type="time"]:focus,
.gform_wrapper input[type="datetime"]:focus,
.gform_wrapper input[type="datetime-local"]:focus,
.gform_wrapper input[type="color"]:focus,
.gform_wrapper textarea:focus {
    color: #222;
    border-color: #333;
}

.gform_wrapper select {
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.gform_wrapper input[type="radio"]:focus,
.gform_wrapper input[type="checkbox"]:focus {
    outline: thin dotted #333;
}

.gform_wrapper input[type="radio"] + label,
.gform_wrapper input[type="checkbox"] + label {
    font-weight: 400;
}