  /*

 Theme Name:   ºÚÁÏ³Ô¹ÏÍø

 Theme URI:    https://cfhp.com

 Description:  Child theme for ºÚÁÏ³Ô¹ÏÍø

 Author:       Chamoy Creative

 Author URI:   https://chamoycreative.com

 Template:     Divi

 Version:      1.0.0

 Text Domain:  


*/





/* ==========================================================================

   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: 1px solid #F69B2C;

       margin-bottom: 19px;

       padding-bottom: 13px;

   }

    #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:#222222 !important;

    }

    #footer-widgets .footer-widget a:hover {

        text-decoration: underline;

    }

    #footer-bottom {

        border-top: 1px solid #eee;

    }

	#main-footer {
		
	background-color: #eeeeee;
		
	}




/* ==========================================================================

   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;

    }
