/*
Theme Name:  Silverfin
Theme URI:   https://www.inspiredearth.nz
Version:     1.0
Description: A child theme of Divi. This is a custom child theme created for our site Silverfin.
Author:      Inspired Earth Internet Services
Author URI:  https://www.inspiredearth.nz
Template:    Divi
*/

/*- Add any CSS custom code for this child theme below this line -*/

/**** Logo Swaps ****/
/* Done with code module on Pages */
.single-post img#logo,
.blog img#logo {
    content: url('http://metatrader4-xz.com/silverfin.inspiredearth.nz/wp-content/uploads/2020/12/SilverfinWeb_logo-398x155-dark.png');
}

/**** Change Navigation colours per page ****/
.page-id-4899 nav#top-menu-nav li.menu-item a, /* Our-portfolio */
.page-id-14 nav#top-menu-nav li.menu-item a, /* Invest-with-us */
.page-id-15 nav#top-menu-nav li.menu-item a, /* Contact */
.page-id-16 nav#top-menu-nav li.menu-item a, /* Investor-portal */
.privacy-policy nav#top-menu-nav li.menu-item a,
.single-post nav#top-menu-nav li.menu-item a,
.blog nav#top-menu-nav li.menu-item a {
    color: #41798E;
}

@media only screen and (min-width: 981px) {

    .page-id-4899 li.menu-item.current-menu-item a, /* Our-portfolio */
    .page-id-14 li.menu-item.current-menu-item a, /* Invest-with-us */
    .page-id-15 li.menu-item.current-menu-item a, /* Contact */
    .page-id-16 li.menu-item.current-menu-item a, /* Investor-portal */
	.privacy-policy li.menu-item.current-menu-item a,
    .single-post li.menu-item.current-menu-item a,
    .blog li.menu-item.current-menu-item a {
        color: #2EA3F2 !important;
    }
}

/***********************************/
/******* DEFAULT TYPOGRAPHY ********/

html {
    font-size: 1em;
    -webkit-text-size-adjust: 1em;
    -ms-text-size-adjust: 1em;
}

body {
    font-size: 14px;
    line-height: 1.78em;
    color: #333333;
    font-weight: normal;
    letter-spacing: -0.03em;
    margin: 0;

}

h1, h2, h3, h4, h5, h6 {
    font-family: "Epilogue", arial, sans-serif;
    color: #333333;
}

@media only screen and (min-width: 480px) {
/* H1 - Page header Title */
	h1 {
		line-height: 0.88;
		letter-spacing: -0.03em;
		font-weight: 300;
	}
}
@media only screen and (min-width: 401px) and (max-width: 479px) {
	.home h1 {
		line-height: 0.88;
		letter-spacing: -0.03em;
		font-size: 72px !important;
		font-weight: 300;
	}
}
@media only screen and (max-width: 400px) and (min-width: 355px) {
	.home h1 {
		line-height: 0.88;
		letter-spacing: -0.03em;
		font-size: 65px !important;
		font-weight: 300;
	}
}
@media only screen and (max-width: 354px) {
	.home h1 {
		line-height: 0.88;
		letter-spacing: -0.03em;
		font-size: 52px !important;
		font-weight: 300;
	}
}
@media only screen and (min-width: 380px) {
	h1 {
		line-height: 0.88;
		letter-spacing: -0.03em;
		font-weight: 300;
	}
}
/* H2 - Section headings */

h2 {
    font-size: 42px;
    line-height: 1.14em;
    letter-spacing: -0.03em;
    font-weight: 700;
}

.blog h2 {
    font-size: 30px;
}

/* H4 used for section pre-headings */
h4 {
    font-size: 20px;
    line-height: 1em;
}


/********* Logo tweaks ********/
#logo {
    max-width: 185px;
}

/******* Main header nav menu mobile tweaks *******/
@media only screen and (max-width: 999px) {
    #main-header {
        background-color: unset !important;
    }
	#main-header .et_mobile_menu {
		background-color: rgba(30,74,114,0.93) !important;
	}
}

@media only screen and (max-width: 860px) {
    .et_mobile_nav_menu .menu-portal a {}

    .et_mobile_menu li.menu-portal a {
        border: 1px solid white;
        border-radius: 4px;
        height: 40px !important;
        display: inline-block !important;
        border: solid 1px white !important;
        padding-left: 5% !important;
        padding-right: 5% !important;
        margin-left: 5% !important;
    }
}

/** PORTAL menu button **/
.page-id-11 .menu-portal a,
.page-id-12 .menu-portal a {
    border-color: #fff;
}

@media only screen and (min-width: 861px) {
    .menu-portal a {
        border: 1px solid #41798E;
        padding: 9px 9px !important;
        border-radius: 6px;
    }
}

li.menu-portal.menu-item.menu-item-type-post_type {
    white-space: nowrap;
}


/** Change hamburger colour on dark pages **/
.mobile_menu_bar.mobile_menu_bar_toggle::before {
    font-size: 4em;
}

.home .mobile_menu_bar.mobile_menu_bar_toggle::before,
.page-id-12 .mobile_menu_bar.mobile_menu_bar_toggle::before {
    color: #fff;
}

.mobile_menu_bar.mobile_menu_bar_toggle {
    top: -7px !important;
}

/*** Main manu nav sub-menu styling ***/
#top-menu-nav ul.sub-menu {
    top: 40px;
    border-radius: 4px;
}
.sub-menu .current-menu-item a {
    color: #fff !important;
}
/* Force sub-menu links to be white */

@media only screen and (min-width: 1008px) and (max-width: 1040px) {
	#top-menu li {
    padding-right: 10px !important;
	}
}


/** Change breakpoint for mobil menu trigger **/
@media only screen and (min-width: 1008px) and (max-width: 1400px) {
    #et_mobile_nav_menu {
        display: none !important;
    }

    #top-menu {
        display: block !important;
    }
}

@media only screen and (max-width: 1007px) {
    #et_mobile_nav_menu {
        display: block !important;
    }

    #top-menu {
        display: none !important;
    }
}

/**** Results counters homepage ****/
.counter-plus .percent-value:after {
    content: '+';
    font-size: 0.7em;
}

.counter-m-plus .percent-value:after {
    content: 'm+';
    font-size: 0.7em;
}

.counter-percent span.percent-sign {
    font-size: 0.6em;
}

.counter-m2 span.percent-value:after {
    content: 'm2';
    font-size: 0.7em;
}

.counter-dollar span.percent-value:before {
    content: '$'
}

.zero-percent span.percent-value:before {
    content: '0.'
}

@media only screen and (min-width:981px) and (max-width:1110px) {
    .counter-01 p,
    .counter-02 p,
    .counter-03 p,
    .counter-04 p {
        font-size: 65px !important;
    }
}
@media only screen and (max-width: 350px) {
	.counter-02 .percent-value {
		font-size: 60px !important;
	}
}
@media only screen and (max-width: 303px) {
	.counter-02 .percent-value {
		font-size: 60px !important;
		letter-spacing: -0.1em;
	}
}
/**** Partial fix for non-round blog image Divi issue ****/
@media only screen and (min-width: 1285px) {
    .home-blog-images img {
        height: 155px !important;
    }
}

/**** Read more blog button ****/
.read-more-btn .more-link {
    background-color: #0093D2;
    display: inline-block !important;
    color: #fff;
    height: 45px;
    width: 160px;
    text-transform: capitalize;
    border-radius: 4px;
    text-align: center;
    padding-top: 11px;
    margin-top: 50px;
    float: left;
    left: calc(50% - 80px);
    position: relative;
}

/**** Blog Grid image correction ****/

.blog-three-columns .et_pb_image_container {
    margin: 0;
}

/****** Column control ******/

@media only screen and (min-width: 769px) and (max-width: 980px) {
    .one-column.footer .et_pb_column {
        width: 100% !important;
    }

    .two-columns .et_pb_column {
        width: 50% !important;
        padding-left: 5px;
        padding-right: 5px;
    }

    .three-columns .et_pb_column {
        width: 33.33% !important;
    }

    .the-board-columns .et_pb_column {
        width: 33.33% !important;
    }


    .four-columns .et_pb_column {
        width: 25% !important;
    }

    .blog-two-columns .et_pb_image_container {
        margin: 0;
    }

    .et_pb_row.pac_drh_tab_col_two {
        padding-left: 6% !important;
    }
}

@media only screen and (min-width: 550px) and (max-width: 768px) {
    .one-column.footer .et_pb_column {
        width: 100% !important;
    }
	.one-column.hp {
 		display: none;
	}
	
	.two-columns.mob-lrg .et_pb_column {
        width: 50% !important;
        padding-left: 1vw;
    }
	
	
    .two-columns .et_pb_column {
        width: 50% !important;
        padding-left: 6vw;
    }

    .et_pb_row.two-columns.mt {
        width: 95% !important;
    }

    .three-columns.dt .et_pb_column {
        width: 50% !important;
        padding-left: 5px;
        padding-right: 5px;
    }

    .et_pb_row.three-columns.dt {
        width: 95% !important;
    }

    .three-columns .et_pb_column {
        width: 33% !important;
    }

    .the-board-columns .et_pb_column {
        width: 33% !important;
        padding-left: 3%;
    }

    .et_pb_row.the-board-columns {
        width: 100% !important;
        max-width: 700px;
    }

    .four-columns .et_pb_column {
        width: 25% !important;
    }

    .et_pb_row.pac_drh_tab_col_two {
        padding-left: 0 !important;
    }

}

@media only screen and (min-width: 480px) and (max-width: 768px) {

	.two-columns.mob-lrg {
		
	}
	.team-columns-mob .et_pb_column.team-single {
        width: 50% !important;
        padding-right: 10px !important;
    } 
	
    /* Blog module */
    .blog-two-columns .et_pb_image_container {
        margin: 0;
    }

    .blog-two-columns .et_pb_post {
        width: 50% !important;
        float: left;
    }

}

@media only screen and (min-width: 480px) and (max-width: 550px) {
    .one-column.footer .et_pb_column {
        width: 100% !important;
    }

	.one-column.hp .et_pb_column {
    	padding-left: calc((100vw - 330px) / 2) !important;
	}
	
	.two-columns.mob-lrg {
		display: none;
	}
	.two-columns.hp .et_pb_column {
		width: 100% !important;
		padding-left: 10% !important;
	}
	
    .two-columns.mt .et_pb_column {
        width: 100% !important;
        padding-left: 20%;
    }

    .the-board-columns .et_pb_column {
        width: 100% !important;
        margin-left: 8% !important;
    }

    .et_pb_row.two-columns.mt {
        width: 95% !important;
    }

    .two-columns.footer .et_pb_column {
        width: 50% !important;
    }

    .et_pb_row.pac_drh_tab_col_two {
        padding-left: 0 !important;
    }
	

}

@media only screen and (min-width: 380px) and (max-width: 479px) {
	.one-column.hp .et_pb_column {
    	padding-left: calc((100vw - 330px) / 2) !important;
	}
	.two-columns.mob-lrg {
		display: none;
	}	
	.two-columns.mt .et_pb_column {
        width: 100% !important;
        padding-left: 7vw;

    }

    .two-columns .et_pb_column {
        width: 50% !important;
    }

    .three-columns.dt .et_pb_column {
        width: 100% !important;
    }

    .three-columns .et_pb_column {
        width: 50% !important;
    }

    .four-columns .et_pb_column {
        width: 25% !important;
    }

    .et_pb_row.pac_drh_tab_col_two {
        padding-left: 9% !important;
    }
	
	.team-columns-mob .et_pb_column {
   	 	margin-left: calc(40vw - 125px) !important;
    }
		
    /* Blog module */
    .blog-two-columns .et_pb_post {
        width: 93% !important;
        padding-left: 15%;
    }

    .blog-two-columns .et_pb_post .et_pb_image_container {
        width: 95% !important;
        margin: 0;
    }
}

@media only screen and (max-width: 379px) {
	.one-column.hp .et_pb_column {
    	padding-left: calc((100vw - 330px) / 2) !important;
	}
	
	.two-columns.mob-lrg {
		display: none;
	}	
	
	.two-columns.footer .et_pb_column {
        width: 100% !important;
        padding-bottom: 10%;
        /*	padding-left: 10%; */
    }

    .two-columns.footer .et_pb_column .et_pb_module {
        text-align: center;
    }

    .team-columns-mob .et_pb_column {
   	 	margin-left: calc(40vw - 125px) !important;
    }

    
    /* Blog module */
    .blog-two-columns .et_pb_post {
        width: 93% !important;
        padding-left: 15%;
    }

    .blog-two-columns .et_pb_post .et_pb_image_container {
        width: 95% !important;
        margin: 0;
    }
}

@media only screen and (min-width: 480px) and (max-width: 980px) {

    .pac_drh_tab_col_two .et_pb_column {
        padding-left: 0;
    }
}


/******** Button tweaks on homepage ********/
.read-more-btn .more-link::after {
    content: ' More';
}

.read-more-btn .more-link:hover {
    background-color: #0093D2;
}

/******** Equalize Blurbs *********/
.blurb-samesize .et_pb_column_1_3 {
    display: flex;
}

/*** Staff Bio popup related -- About Us page ***/

.dipl_modal_header {
	margin-bottom: -30px !important;
}

.overlay.fade.top {
    border-radius: 50%;
}

.sf-bio-btn {
    border: 1px solid white;
    padding: 12px 30px;
    border-radius: 4px;
    color: white;
    cursor: pointer;
}

.overlay.fade.top a {
    color: #ffffff !important;
    margin-bottom: 6% !important;
    display: inline-block;
}

.overlay.fade.top a:last-child {
    margin-bottom: 25% !important;
}

span.dp-modal-subtitle {
    font-size: 14px;
    font-weight: 700;
    display: block;
    margin-top: 1px;
    padding-top: 0;
    margin-bottom: -30px;
    color: #4E7891;
}

/* Make overlay a little bigger */
.overlay.fade.top:hover {
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    margin-left: -1px;
    margin-top: -1px;
}

/***** Make links in white text also white *****/
a.white-link {
	color: #fff;
	text-decoration: underline;
}

/**** Center contact form buttons ****/
.center-btn .et_contact_bottom_container {
    float: none;
    text-align: center;
    display: block !important;
}

/***********************************************/
/************* USED - TEMP STORAGE *************/

/**** Button Hover shadow ****/
/*.et_pb_button:hover, .et_pb_module .et_pb_button:hover {
	box-shadow: 0px 2px 18px 0px #8f8f8f;
} */
/*.et_pb_button.et_pb_hovered:hover::after, .et_pb_button.et_hover_enabled:hover::after {
    -webkit-transition: none !important;
    transition: none !important;
} */

#top-menu li li a:hover {
    color: orange;
}