/*
 Theme Name:   Capital
 Theme URI:    https://divicake.com
 Description:  Business Child Theme for Divi
 Author:       CODECRATER
 Author URI:   https://codecrater.com
 Template:     Divi
 Version:      1.0.0
 Text Domain:  capital-child-theme
 Background patterns from Subtle Patterns
*/


/* ==========================================================================
   General Styles
   ========================================================================== */
    .pattern1 {
    	background-size: initial;
    	background-repeat: repeat;
      background-image: url("/wp-content/uploads/2017/06/grey.png");
    }
    .box_shadow1 {
      -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    }


/* ==========================================================================
   5 Column Blubs
   ========================================================================== */
    .fivecolblurb, .fivecolblurb-first, .fivecolblurb-last {
        display: inline-block;
        vertical-align: top;
        width: 20%;
        float: left;
        padding-left: 2em;
        padding-right: 2em;
    }
    .fivecolblurb {
        border-right: 1px solid #eee;
    }
    .fivecolblurb-first {
        padding-left: 0;
        border-right: 1px solid #eee;
    }
    .fivecolblurb-last {
        padding-right: 0;
    }
    .fivecolblurb .et_pb_blurb_content p a.blurb_button,
    .fivecolblurb-first .et_pb_blurb_content p a.blurb_button,
    .fivecolblurb-last .et_pb_blurb_content p a.blurb_button,
    div.post-content a.more-link {
        background: #00c7a0;
        border-radius: 50px;
        color: #fff;
        padding: 6px 15px 6px 15px!important;
        margin-top: 15px;
        font-size: 16px;
        display: inline-block;
        line-height: normal;
        font-weight: bold;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s;
    }
    .fivecolblurb .et_pb_blurb_content p a.blurb_button:hover,
    .fivecolblurb-first .et_pb_blurb_content p a.blurb_button:hover,
    .fivecolblurb-last .et_pb_blurb_content p a.blurb_button:hover,
    div.post-content a.more-link:hover {
        background: #008ffb;
    }


/* ==========================================================================
   Secondary Menu
   ========================================================================== */
    /* Hide Phone icon in Secondary Menu */
    span#et-info-phone:before {
        display: none;
    }
    /* End Hide Phone icon in Secondary Menu */

    /* Secondary Menu CTA */
    li.secondary_menu_cta a {
        background: #e83a81;
        border-radius: 50px;
        color: #fff!important;
        margin-top: -4px!important;
        padding: 3px 8px 3px 8px!important;
        font-size: 14px!important;
        line-height: normal;
        font-weight: bold;
        text-align: center;
    }
    li.secondary_menu_cta a:hover {
        background: #008ffb;
        color: #fff!important;
    }
    /* End Secondary Menu CTA */


/* ==========================================================================
   Footer
   ========================================================================== */
   .footer-widget h4 {
       border-bottom: 2px solid #00c7a0;
       margin-bottom: 19px;
       padding-bottom: 23px;
   }
    #footer-widgets .footer-widget li {
        padding-left: 0px;
    }
    #footer-widgets .footer-widget li:before {
        content: none;
    }
    ul#menu-foot-widget-menu {
        padding-left: 10px;
    }
    #footer-widgets .footer-widget li a {
        color: #00c7a0!important;
    }
    #footer-widgets .footer-widget a:hover {
        text-decoration: underline;
    }
    #footer-bottom {
        border-top: 1px solid #eee;
    }


/* ==========================================================================
   Captions
   ========================================================================== */
    .wp-caption {
      border: 1px solid #cccccc;
      text-align: center;
      background-color: #ffffff;
      padding: 20px 20px 10px 20px!important;
      margin: 10px;
      -moz-border-radius: 0px!important;
      -khtml-border-radius: 0px!important;
      -webkit-border-radius: 0px!important;
      border-radius: 3px;
      -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    }
    .wp-caption img {
      margin: 0;
      padding: 0;
      border: 0 none;
    }
      .wp-caption p.wp-caption-text {
      font-size: 16px;
      line-height: 17px;
      padding: 0 4px 5px;
      margin: 0;
    }

/* ==========================================================================
   Slim Bloom Optin
   ========================================================================== */
    .slim_bloom_optin div.et_bloom_header_outer .et_bloom_form_text {
    	padding: 0px!important;
    }
    .slim_bloom_optin div.et_bloom_header_outer .et_bloom_form_header {
    	padding: 0px!important;
    }
    .slim_bloom_optin .et_bloom_form_content {
    	padding: 10px 0px 0px 0px!important;
    }
    /* Rounded Bloom Submit Button */
    .et_bloom_form_content button.et_bloom_submit_subscription {
    	border-radius: 50px!important;
    	-moz-border-radius: 50px!important;
    	-webkit-border-radius: 50px!important;
    }


/* ==========================================================================
   Transparent Bloom Optin
   ========================================================================== */
    #bloom_optin_transparent .et_bloom_form_container {
        background: none !important;
    }
    #bloom_optin_transparent .et_bloom_form_header {
    	background: none!important;
    }
    #bloom_optin_transparent .et_bloom_bottom_inline {
        background: none !important;
    }


/* ==========================================================================
   Sidebar Navigation
   ========================================================================== */
    .et_pb_widget_area ul.menu a {
        padding: 7px 7px 7px 16px;
        display: block;
        width: 100%;
        color: #00386b;
        background: #eee;
        font-size: 16px;
    }
    .et_pb_widget_area ul.menu a:hover {
        border-left: 2px solid #00386b;
    }
    .et_pb_widget_area ul.menu li {
        margin-bottom: 2px;
    }
    .et_pb_widget_area .current_page_item a {
        background: #00c7a0 !important;
        color: #fff !important;
        border-left: 2px solid #00386b;
        font-weight: bold;
        border-bottom: 0px!important;
    }


/* ==========================================================================
   Search Results
   ==========================================================================*/
   h1.search-title {
        border-bottom: 3px solid #00c7a0;
        margin-bottom: 40px;
   }
   body.search-results article.et_pb_post {
     padding: 40px;
     border: 1px solid #ccc;
     -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
     box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
   }
   body.search-results article img {
     margin-bottom: 20px;
   }
   .pagination a {
     background: #00c7a0;
     border-radius: 50px;
     color: #fff;
     padding: 6px 15px 6px 15px!important;
     margin-top: 15px;
     font-size: 16px;
     display: inline-block;
     line-height: normal;
     font-weight: bold;
     -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
     transition: all 0.2s;
   }
   .pagination a:hover {
     background: #008ffb;
   }


/* ==========================================================================
   Blog
   ========================================================================== */
    .et_social_totalcount,
    .et_social_count {
        display: none !important;
    }
    body.page #sidebar .et_pb_widget,
    body.search #sidebar .et_pb_widget,
    body.archive #sidebar .et_pb_widget,
    body.blog #sidebar .et_pb_widget,
    body.single-post #sidebar .et_pb_widget {
        font-size: 16px;
        line-height: 1.5em;
    }
    body.page #sidebar .et_pb_widget span.post-date,
    body.search #sidebar .et_pb_widget span.post-date,
    body.archive #sidebar .et_pb_widget span.post-date,
    body.blog #sidebar .et_pb_widget span.post-date,
    body.single-post #sidebar .et_pb_widget span.post-date {
        display: block;
        font-style: italic;
    }
    input.et_pb_button {
        color: #fff !important;
    }
    p.post-meta a {
        background: #eeeeee;
        border-radius: 50px;
        color: #777777!important;
        padding: 6px 15px 6px 15px!important;
        margin-top: 15px;
        font-size: 14px;
        display: inline-block;
        line-height: normal;
        font-weight: bold;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s;
    }
    p.post-meta a:hover {
        background: #008ffb;
        color: #fff!important;
    }

/* ==========================================================================
   Sidebar
   ========================================================================== */
    .widgettitle {
        border-bottom: 2px solid #00c7a0;
        margin-bottom: 19px;
        padding-bottom: 23px;
    }
    .widgettitle:before, .widgettitle:after, .et_right_sidebar #sidebar {
        padding-left: 0px;
    }
    .container:before {
        background-color: transparent !important;
    }
    .et_pb_widget_area_right {
        border-left: 0 !important;
    }
    .et_pb_widget_area_left {
        border-right: 0 !important;
    }


/* ==========================================================================
   Search Widget
   ==========================================================================*/
    form.searchform input[type='submit'] {
        font-weight: bold!important;
        font-size: 14px!important;
        background: #00c7a0!important;
        color: #fff!important;
        padding: 0.5em 0.6em 0.6em 0.5em!important;
        -webkit-border-radius: 50px!important;
        -moz-border-radius: 50px!important;
        border-radius: 50px!important;
    }
    form.searchform input[type='submit']:hover {
        background: #008ffb!important;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s;
    }
    .widget_search #s {
      -webkit-border-radius: 50px 50px 50px 50px;
      -moz-border-radius: 50px 50px 50px 50px;
      border-radius: 50px 50px 50px 50px;
    }


/* ==========================================================================
   Checkmark List
   ========================================================================== */
    .checkmark-list ul {
        list-style-type: none;
    }
    .checkmark-list li {
        margin-bottom: 5px;
    }
    .checkmark-list li:before {
        content: '✓';
        color: #00c7a0;
        margin-right: 10px;
        font-weight: bold;
    }


/* ==========================================================================
   Bloom
   ========================================================================== */
    .et_pb_widget_area  > div > div > div > div.et_bloom_header_outer > div > div > h2 {
        font-size: 22px!important;
        color: #00cb0a!important;
        font-weight: bold;
    }
    .et_pb_widget_area  .et_bloom_form_text p {
        font-size: 16px!important;
        color: #333333!important;
    }
    .et_pb_widget_area  button.et_bloom_submit_subscription span {
        letter-spacing: initial!important;
        font-size: 16px!important;
    }


/* ==========================================================================
   Floating Dot Nav
   ========================================================================== */
    ul.et_pb_side_nav {
        top: 50%;
        width: auto;
        padding: 5px;
        opacity: 0;
        background: #00386b;
        -webkit-border-top-left-radius: 2px;
        -moz-border-radius-topleft: 2px;
        border-top-left-radius: 2px;
        -webkit-border-bottom-left-radius: 2px;
        -moz-border-radius-bottomleft: 2px;
        border-bottom-left-radius: 2px;
        -webkit-border-top-right-radius: 0px;
        -moz-border-radius-topright: 0px;
        border-top-right-radius: 0px;
        -webkit-border-bottom-right-radius: 0px;
        -moz-border-radius-bottomright: 0px;
        border-bottom-right-radius: 0px;
    }
    ul.et_pb_side_nav li.side_nav_item {
        padding: 1px;
    }
    ul.et_pb_side_nav .side_nav_item a {
        width: 15px;
        height: 15px;
        margin-right: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        background-color: rgba(255, 255, 255, 0.46);
    }
    ul.et_pb_side_nav.et-visible {
        opacity: 1;
        -webkit-animation: flipInY 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
        -moz-animation: flipInY 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
        -o-animation: flipInY 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
        animation: flipInY 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
    }
    ul.et_pb_side_nav .side_nav_item a.active,
    ul.et_pb_side_nav .side_nav_item a:hover {
        background-color: #ffffff !important;
        transition: background-color 0.2s ease;
    }