/* Theme Name: TheCraft Child Version: 1.2 Theme URI: https://inboundwebsolutions.com.au Description: TheCraft Child Theme Author: Jo Hunter Author URI: https://inboundwebsolutions.com.au Template: thecraft Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready Text Domain: thecraftchild */ /* Home Page 1 Styles */ /* Menu */ #main-nav .menu-fallback { position: relative; text-decoration: underline; display: inline-block; height: 100px; line-height: 100px; } #main-nav { display: block; float: right; } #main-nav ul { margin: 0; } #main-nav ul li { position: relative; list-style: none; padding-top: 0; padding-bottom: 0; } #main-nav > ul > li { float: left; padding: 0 13px; } #main-nav > ul > li > a > span { padding: 2px 5px; font-weight:600;} #main-nav > ul > li > a { display: block; font-family: "Montserrat", sans-serif; font-weight: 500; letter-spacing: 1px; font-size: 14px; } #main-nav > ul > li > a:not([href]) { cursor: pointer; } #main-nav > ul > li.current-menu-item > a:before, #main-nav > ul > li.current-menu-parent > a:before { content: ""; position: absolute; left: 50%; bottom: 0; width: 100%; height: 3px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } /* Sub Menu */ #main-nav .sub-menu { padding: 18px 0; background-color: rgba(40,40,40,1); position: absolute; left: 0; top: 100%; width: 258px; -webkit-transform: translateY(5px); transform: translateY(5px); opacity: 0; visibility: hidden; z-index: 999999; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; } #main-nav .sub-menu .sub-menu { left: 100%; top: -17px; background-color: #222; } #main-nav .sub-menu .sub-menu .sub-menu { background-color: #1b1b1b; } #main-nav .sub-menu li a { padding: 5px 25px 15px; color: #eef2df; font-size: 13px; font-family: "Montserrat", sans-serif; text-transform: uppercase; display: block; } #main-nav .sub-menu li:first-child > a { border: 0; } #main-nav .sub-menu li a:hover { color: #cedaa7; } #main-nav li:hover > .sub-menu { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; } #main-nav .sub-menu li.menu-item-has-children > a:after { right: 20px; line-height: normal; font-size: 8px; font-weight: normal; content: "\e912"; font-family: "craft"; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #main-nav .sub-menu a span {font-weight:600;} /* Mega Menu */ #main-nav li.megamenu { position: inherit; } #main-nav li.megamenu a { padding-left: 0; } #main-nav li.megamenu ul.sub-menu { z-index: 999999; background-color: transparent; } #main-nav li.megamenu > ul.sub-menu ul.sub-menu { transition: none; transform: none; padding: 0; } #main-nav li.megamenu ul.sub-menu li.menu-item-has-children > a:after { display: none; } #main-nav li.megamenu > ul.sub-menu { width: 100%; left: 0; right: auto; border-radius: 0; background-color: rgba(37,10,3,0.9); padding: 20px 0 20px; } #main-nav li.megamenu > ul.sub-menu > li { display: block; float: left; width: 100%; border-right: 1px solid #414141; } #main-nav li.megamenu > ul.sub-menu > li:last-child { border: 0; } #main-nav li.megamenu > ul.sub-menu > li:nth-child(4n) { border: 0; } #main-nav li.megamenu.col-3 > ul.sub-menu > li { width: 26.333%; margin-left: 7%; } #main-nav li.megamenu.col-3 > ul.sub-menu > li:nth-child(4n) { clear: both; } #main-nav li.megamenu.col-4 > ul.sub-menu > li { width: 22%; margin-left: 3%; } #main-nav li.megamenu.col-4 > ul.sub-menu > li:nth-child(5n) { clear: both; } #main-nav li.megamenu.col-5 > ul.sub-menu > li { width: 15%; margin-left: 5%; } #main-nav li.megamenu.col-5 > ul.sub-menu > li:nth-child(6n) { clear: both; } #main-nav li.megamenu > ul.sub-menu > li ul { display: block !important; top: auto !important; width: 100% !important; min-width: 0 !important; left: auto !important; position: relative !important; border: none !important; padding: 0 !important; box-shadow: none !important; } #main-nav li.megamenu > ul.sub-menu > .menu-item-has-children > a { transition: none; position: relative; font-size: 14px; color: #fff; margin-bottom: 10px; } #main-nav li.megamenu.no-heading > ul.sub-menu > .menu-item-has-children > a { display: none } #main-nav li.megamenu:hover ul li ul { opacity: 1; visibility: visible; } #main-nav li.menu-item-object-project_category a span {font-weight:600; color:#fff;line-height:30px;} #main-nav li.menu-item-object-project a span {font-weight:400; color:#999;} #main-nav li.menu-item-object-project_category a:hover span {font-weight:600; line-height:30px;} #main-nav li.menu-item-object-project a:hover span {font-weight:400; color:#fff; text-decoration:none;} #main-nav li.megamenu.col-4 > ul.sub-menu > li.menu-item-has-children > a {text-transform:uppercase;} #main-nav li.megamenu.col-4 > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-object-project > a {text-transform: none; font-family: "Open Sans"; font-size:14px;} #main-nav li.megamenu.col-4 > ul.sub-menu > li:nth-child(5n) > a { margin-top:10px; margin-bottom:0px; } #main-nav li.megamenu.col-4 > ul.sub-menu > li:nth-child(6n) > a { margin-top:10px; margin-bottom:0px; } #main-nav li.megamenu.col-4 > ul.sub-menu > li:nth-child(7n) > a { margin-top:10px; margin-bottom:0px; } #main-nav li.megamenu.col-4 > ul.sub-menu > li:nth-child(8n) > a { margin-top:10px; margin-bottom:0px; } /* Header Style 4 */ .header-style-4 #site-header:after { background-color: transparent; content: ""; z-index: -1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s; } .header-style-4 #site-header-wrap { position: absolute; left: 0; top: 0; width: 100%; z-index: 150; } .header-style-4 #site-header { background-color: transparent !important; box-shadow: none; } .header-style-4 #main-nav > ul > li > a { color: #400d01; } .header-style-4 #main-nav > ul > li > a:hover { color: #1a7dd7; } .header-style-4 #site-header .nav-top-cart-wrapper .nav-cart-trigger, .header-style-4 #site-header .header-search-icon { background-color: rgba(255,255,255,0.2); color: #fff; } .header-style-4 .nav-top-cart-wrapper .shopping-cart-items-count { background-color: #1a7dd7; color: #fff; } .header-style-4 #site-header .header-search-icon:hover, .header-style-4 #site-header .nav-top-cart-wrapper .nav-cart-trigger:hover { color: rgba(255,255,255,0.7); } .header-style-4.cur-menu-1 #main-nav > ul > li.current-menu-item > a, .header-style-4.cur-menu-1 #main-nav > ul > li.current-menu-parent > a { color: #fff; position: relative; } .header-style-4.cur-menu-1 #main-nav > ul > li.current-menu-item > a:before, .header-style-4.cur-menu-1 #main-nav > ul > li.current-menu-parent > a:before { background-color: #fff; display:none; } .header-style-4.cur-menu-1 #main-nav > ul > li.current-menu-item > a span, .header-style-4.cur-menu-1 #main-nav > ul > li.current-menu-parent > a span {background-color:#400d01;} .header-style-4 #site-header #main-nav > ul > li > a {height:70px; margin-top:0px;} .header-style-4 #site-logo-inner {margin-top:12px;} .header-style-4 #site-header.is-fixed:after {background-color:#d3d7b5; opacity:1;} .header-style-4 #top-bar .top-bar-content {text-align:right;} .header-style-4 #header-search {display:none;} .header-style-4 #main-nav .sub-menu {background-color:rgba(206,217,167,0.5);} .header-style-4 #main-nav .sub-menu {background-color:rgba(142,166,55,0.5);} .header-style-4 #main-nav .sub-menu li a { color:#400d01;} .header-style-4 #main-nav .sub-menu li a span { } .header-style-4 #main-nav .sub-menu li a:hover span { background-color:rgba(255,255,255,0.5); padding:5px; margin-left:-5px;} .header-style-4 #main-nav > ul > li > a:hover span {background-color:#8ea637; color:#fff; } /* Mega Menu */ .header-style-4 #main-nav li.megamenu { position: inherit; } .header-style-4 #main-nav li.megamenu a { padding-left: 0; } .header-style-4 #main-nav li.megamenu ul.sub-menu { z-index: 999999; background-color: transparent; } .header-style-4 #main-nav li.megamenu > ul.sub-menu ul.sub-menu { transition: none; transform: none; padding: 0; } .header-style-4 #main-nav li.megamenu ul.sub-menu li.menu-item-has-children > a:after { display: none; } .header-style-4 #main-nav li.megamenu > ul.sub-menu { width: 100%; left: 0; right: auto; border-radius: 0; background-color:rgba(142,166,55,0.5); padding: 20px 0 20px; margin-top:-20px; } .header-style-4 #main-nav li.megamenu > ul.sub-menu > li { display: block; float: left; width: 100%; border-right: 1px solid #414141; } .header-style-4 #main-nav li.megamenu > ul.sub-menu > li:last-child { border: 0; } .header-style-4 #main-nav li.megamenu > ul.sub-menu > li:nth-child(4n) { border: 0; } .header-style-4 #main-nav li.megamenu.col-3 > ul.sub-menu > li { width: 26.333%; margin-left: 7%; } .header-style-4 #main-nav li.megamenu.col-3 > ul.sub-menu > li:nth-child(4n) { clear: both; } .header-style-4 #main-nav li.megamenu.col-4 > ul.sub-menu > li { width: 22%; margin-left: 3%; } .header-style-4 #main-nav li.megamenu.col-4 > ul.sub-menu > li:nth-child(5n) { clear: both; } .header-style-4 #main-nav li.megamenu.col-5 > ul.sub-menu > li { width: 15%; margin-left: 5%; } .header-style-4 #main-nav li.megamenu.col-5 > ul.sub-menu > li:nth-child(6n) { clear: both; } .header-style-4 #main-nav li.megamenu > ul.sub-menu > li ul { display: block !important; top: auto !important; width: 100% !important; min-width: 0 !important; left: auto !important; position: relative !important; border: none !important; padding: 0 !important; box-shadow: none !important; } .header-style-4 #main-nav li.megamenu > ul.sub-menu > .menu-item-has-children > a { transition: none; position: relative; font-size: 14px; color: #fff; margin-bottom: 10px; } .header-style-4 #main-nav li.megamenu.no-heading > ul.sub-menu > .menu-item-has-children > a { display: none } .header-style-4 #main-nav li.megamenu:hover ul li ul { opacity: 1; visibility: visible; } .header-style-4 #main-nav li.menu-item-object-project_category a span {font-weight:600; color:#400d01;line-height:30px;} .header-style-4 #main-nav li.menu-item-object-project a span {font-weight:400; color:#400d01;} /* Home Page 3 Styles */ /* Header Style 5 */ .header-style-5 #header-aside { float: right; } .header-style-5 #header-aside .header-search-icon { display: none; } .header-style-5 #header-aside .header-search-form { position: relative; display: block; } .header-style-5 #header-aside .header-info { float: right; padding: 31px 0; } .header-style-5 #header-aside .header-info .heading { margin-right: 50px; padding-left: 43px; position: relative; font-size: 22px; color: #a4a4a4; font-family: "Montserrat", sans-serif; font-weight: 300; } .header-style-5 #header-aside .header-info .heading:before { color: #1a7dd7; font-size: 27px; line-height: normal; content: "\e91d"; font-family: "craft"; position: absolute; left: 0; top: 0; } .header-style-5 #header-aside .header-search-submit { display: block; position: absolute; background-color: transparent; right: 0; top: 0; width: 40px; height: 40px; text-align: center; text-indent: 9999px; padding: 0; border: 0; overflow: hidden; } .header-style-5 #header-aside .header-search-submit:before { color: #999; content: "\e957"; font-family: "craft"; font-size: 16px; width: 40px; height: 40px; line-height: 40px; position: absolute; left: 0; top: 0; text-align: center; text-indent: 0; font-weight: normal; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; } .header-style-5 #header-aside .header-search-submit:hover:before { color: #333; } .header-style-5 #header-aside .header-search-field { background-color: #ececec; box-shadow: none; } .header-style-5 #site-header .site-navigation-wrap { background-color: #1a7dd7; } .header-style-5 #site-header .site-navigation-wrap .inner { position: relative; } .header-style-5 #site-header .site-navigation-wrap #main-nav > ul > li { padding: 0 22px; border-right: 1px solid rgba(255,255,255, 0.15); transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; } .header-style-5 #site-header .site-navigation-wrap #main-nav > ul > li:first-child { border-left: 1px solid rgba(255,255,255, 0.15); } .header-style-5 #site-header .site-navigation-wrap #main-nav > ul > li > a { color: #fff; height: 36px; line-height: 36px; position: relative; } .header-style-5 #site-header .site-navigation-wrap #main-nav > ul > li:hover, .header-style-5 #site-header .site-navigation-wrap #main-nav > ul > li.current-menu-item, .header-style-5 #site-header .site-navigation-wrap #main-nav > ul > li.current-menu-parent { background-color: rgba(0,0,0,0.08); } .header-style-5 #site-header #main-nav { float: none; } .header-style-5 #site-header .nav-top-cart-wrapper .nav-cart-trigger { background-color: #1a7dd7; color: #fff; } .header-style-5 #site-header .nav-top-cart-wrapper .shopping-cart-items-count { background-color: #333; color: #fff; } .header-style-5 #main-nav ul { text-align: center; } .header-style-5 #main-nav ul li ul { text-align: left; } .header-style-5 #main-nav ul li { display: inline-block; float:none; } .header-style-5 #main-nav ul li ul li { display:block; float:left; width:100%;} .header-style-5 .wrap-inner {text-align:center;} .header-style-5 #site-logo {float:none; display:inline-block;} .header-style-5 #header-aside {display:none;} .header-style-5 #main-nav li.megamenu { position: inherit; } .header-style-5 #main-nav li.megamenu a { padding-left: 0; } .header-style-5 #main-nav li.megamenu ul.sub-menu { z-index: 999999; background-color: transparent; } .header-style-5 #main-nav li.megamenu > ul.sub-menu ul.sub-menu { transition: none; transform: none; padding: 0; } .header-style-5 #main-nav li.megamenu ul.sub-menu li.menu-item-has-children > a:after { display: none; } .header-style-5 #main-nav li.megamenu > ul.sub-menu { width: 100%; left: 0; right: auto; border-radius: 0; background-color: rgba(37,10,3,0.9); padding: 20px 0 20px; } .header-style-5 #main-nav li.megamenu > ul.sub-menu > li { display: block; float: left; width: 100%; border-right: 1px solid #414141;} .header-style-5 #main-nav li.megamenu > ul.sub-menu > li:last-child { border: 0; } .header-style-5 #main-nav li.megamenu > ul.sub-menu > li:nth-child(4n) { border: 0; } .header-style-5 #main-nav li.megamenu.col-3 > ul.sub-menu > li { width: 26.333%; margin-left: 7%; } .header-style-5 #main-nav li.megamenu.col-3 > ul.sub-menu > li:nth-child(4n) { clear: both; } .header-style-5 #main-nav li.megamenu.col-4 > ul.sub-menu > li { width: 22%; margin-left: 3%; } .header-style-5 #main-nav li.megamenu.col-4 > ul.sub-menu > li:nth-child(5n) { clear: both; } .header-style-5 #main-nav li.megamenu.col-5 > ul.sub-menu > li { width: 15%; margin-left: 5%; } .header-style-5 #main-nav li.megamenu.col-5 > ul.sub-menu > li:nth-child(6n) { clear: both; } .header-style-5 #main-nav li.megamenu > ul.sub-menu > li ul { display: block !important; top: auto !important; width: 100% !important; min-width: 0 !important; left: auto !important; position: relative !important; border: none !important; padding: 0 !important; box-shadow: none !important; } .header-style-5 #main-nav li.megamenu > ul.sub-menu > .menu-item-has-children > a { transition: none; position: relative; font-size: 14px; color: #fff; margin-bottom: 10px; } .header-style-5 #main-nav li.megamenu.no-heading > ul.sub-menu > .menu-item-has-children > a { display: none } .header-style-5 #main-nav li.megamenu:hover ul li ul { opacity: 1; visibility: visible; } .header-style-5 #site-header{ background-color:#d4d7b5; } .header-style-5 #top-bar { background-color:#282828; } .header-style-5 #main-nav li.menu-item-object-project_category a span {font-weight:600; }