/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 16 2020 | 04:08:17 */
/*
 * ╔════════════════════════════════╗
 * ║     ╦╦╗╔╗╦╦╗╔╗╔╗ ╔╗╔╗ ╔╗╔╗     ║
 * ║     ║║║║║║║║╠╣║  ║ ║║ ║║╔╝     ║
 * ║     ╝╝╝╚╝╝╝╝╝╚╚╝o╚╝╚╝o╝╝╚╝     ║
 * ╚════════════════════════════════╝
 * - file: Code Construction
 * - version: 1.0
 * - last modified: 06/04/20
 * - author: Tony Myers
 * - email: tony@momac.co.nz
 * - website: https://ww.momac.co.nz
 * - description: default css file 
 *   for code construction
 *
 * ╔════════════════════════════════╗
 * ║ TABLE OF CONTENTS              ║
 * ╠════════════════════════════════╣
 * ║                                ║
 * ║ 1. SECONDARY HEADER            ║
 * ║ 2. FOOTER                      ║
 * ║ 3. MISC                        ║
 * ║ 4. HEADER                      ║
 * ║ 4. FOOTER                      ║
 * ║                                ║
 * ╚════════════════════════════════╝
 *
 * ╔════════════════════════════════╗
 * ║ 1. SECONDARY HEADER            ║
 * ╚════════════════════════════════╝
 *
 */

/* set font to gunply for secondary header items */
#header-secondary-outer .sf-menu-right li a {
	text-transform: lowercase !important;
}


/*
 * ╔════════════════════════════════╗
 * ║ 2. FOOTER                      ║
 * ╚════════════════════════════════╝
 *
 */

/* style footer font */
#footer-outer a,
#footer-outer #footer-widgets .col ul li > a {
	font-family: Raleway !important;
  	font-size: 11pt;
  	letter-spacing: 1px;
}

/* style h4 tag for font and uppercase */
#footer-outer .widget h4 {
  	font-family: "Gunplay" !important;
	text-transform: uppercase !important;
}

/* remove margin-bottom from widgets within footer */
#footer-outer .widget {
  	margin-bottom: 0px !important;
}

/* footer certification logos position for desktop */
@media only screen and (min-width: 1000px) {
    #footer-outer .footer-cert-logos {
		margin-top: 20px;
    }
}


/*
 * ╔════════════════════════════════╗
 * ║ 3. MISC                        ║
 * ╚════════════════════════════════╝
 *
 */

/* fix revslider 1px to the right */
rs-module {
  	margin-right: -1px;
}

/* overwrite salient, we cannot set page content link colours */
.container-wrap a {
  	color: #000000;
}
.container-wrap a:hover {
  	color: #fbdf4c;
}

/* set the margin above the contact details within the off canvas menu */
.canvas-contact {
  	margin-top: 50px;
}

/* grey out contact details */
.canvas-contact a {
	color: #b5b5b5 !important;
}

/* style portfolio bottom nav bar background */
.bottom_controls {
    background-color: rgb(43, 43, 43) !important;
}

/* style portfolio bottom nav bar controls */
.bottom_controls #portfolio-nav ul:first-child #all-items a i {
  	background-color: #FFFFFF !important;
	box-shadow: -0.5em 0 #fff, -0.5em 0.5em #FFFFFF, 0.5em 0 #FFFFFF, 0.5em -0.5em #FFFFFF, 0 -0.5em #FFFFFF, -0.5em -0.5em #FFFFFF, 0 0.5em #FFFFFF, 0.5em 0.5em #FFFFFF !important;
}

/* style portfolio bottom nav bar controls */
#portfolio-nav #prev-link a,
#portfolio-nav #next-link a {
  	color: #FFFFFF !important;
}
/*
 *
 * ╔════════════════════════════════╗
 * ║ 4. HEADER                      ║
 * ╚════════════════════════════════╝
 *
 */

/* adding border to header */
#header-outer {
	border-bottom: 5px solid #fbdf4c !important;
}


/*
 *
 * ╔════════════════════════════════╗
 * ║ 5. FOOTER                      ║
 * ╚════════════════════════════════╝
 *
 */

/* adjust padding-right on the first footer column */
@media only screen and (min-width: 1000px) {
    .footer-logo {
      	width: 40% !important;
    }
}

/* adjust padding-right on the first footer column */
@media only screen and (min-width: 1000px) {
    #footer-widgets[data-cols="5"] .container .row >div:first-child {
        padding-right: 2% !important;
    }
}

/* adjust padding-right on the first footer column */
#footer-outer #footer-widgets .col:nth-of-type(1) p {
  	margin-top: 20px;
}

/* add gap between contact details and cert logos */
#footer-outer #footer-widgets .footer-cert-logos {
  	margin-top: 50px;
  	width: 50%;
}