/* Theme Name: Herd Child Theme Author: Herd Author URI: https://www.weareherd.co.uk Version: 1.0 Template: Divi Description: Your custom theme created by Herd */ /* -------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------- Site by: HERD https://www.weareherd.co.uk `/////` -////: -ddddd: sddddd -ddddd: sddddd -ddddd:``..`` ``.--.` ``````` ``.-..` sddddd -dddddyhddddyo/` ./shddddddyo:` .+shddddy/-+shdddddhyhddddd -ddddddddddddddh/ .odddddddddddddh/ .sddddddh/-sddddddddddddddddd -ddddddho+oydddddo -hdddddhyssyddddddy` .hdddddhs-:hdddddhsosydddddddd -ddddds` +ddddd-`hddddd/` .sddddds sddddh- .dddddh: .sdddddd -ddddd: .ddddd//dddddddddddddddddddd`ydddds +ddddd. yddddd -ddddd: .ddddd//dddddddddddddddddddd`ydddds +ddddd. yddddh -ddddd: .ddddd/`hddddd/.````.::::::. ydddds -dddddy- .oddddd+ -ddddd: .ddddd/ -hdddddhsooyhhhhhhy` ydddds /dddddhyoooyhddddds` -ddddd: .ddddd/ .sdddddddddddddh+` ydddds -sdddddddddddddh/ -ddddd: .ddddd/ .+shddddddys/` ydddds `-+yhdddddhyo:` `-----` -----` ``.----.` -----. ``.---.`` . - .` ``````` `` . `.---------.``` .---.-.`--.---. .---.`.`-`. ----. ``` ---.`./--::.`.--- ```` ------s:-/s------ .-----s:-/s-----` `.-//++++//:-..`` `. `----s:-/s----` `.-:+-/osyyyyyyyyyyyyysssoos/ `--s:-/s-.` `:ossyyyyyyyyyyyyyyyyyyyyyyyyyy/.` .-s:-/s-` `oyyyyyyyyyyyyyyyyyyyyyyyyyyyyyysy` `-/--:/-` :yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyo :sssssss- /yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy+ `:/oss/:` /yyyy://++ooossssssssoooo+//:syyy+ ``` /yo++......................../+oy+ /y-.............................s+ `. /o..............................++ ..` /:....----..............----....-+ ..` /:--:oosss+----....----/sssoo:::-+ ..`..``` ` /hhyo////:///+osooooso+//:::///+yhh/ ..........` -hh-...````....ohyyho....````...-hy- .` ..........` `.+h-..``ss/`...oo--oo.... os+`..-yo.` `..`..........` .-+/+-...::-.../s----s/....-:-..-+:+-- `............ .-+:-/////:///+/------/+/////////--o-- ..........` `.+o-....---....------.....-......oo-` `.......` /ys/..........------..........:sy+ ``````` :yyyyo++++++++++++++++++++++oyyyy+ ````````` .yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy: ````````` +yyyyyyyyyy+:++ooo+//yyyyyyyyyys ````````` `oyyyyyyyyyo--....-./yyyyyyyyys. ````````` `+yyyyyyyyys+////+syyyyyyyyyo. ````````` -oyyyyyyyyyyyyyyyyyyyyyys: ````````` -+syyyyyyyyyyyyyyyyy+:` ````````` `.:osssyyyyssso/-` ````````` .--:::::::-` ````````` .----------` `````````` ``````..----..``````` ```````````` `````````````````````````````````````````````````````````` ``````````````````````````-+++++++++++++++++++++++++++++++++` ````````````-.`````````````-ooooooooooooooooooooooooooooooooo` `````````````/:--```.--.``.-/ooooooooooooooooooooooooooooooooo` ``````````````/:.:/.:/::/:-/-/ooooooooooooooooooooooooooooooooo` ```````````````/-`./-//-::--/`:ooooooooooooooooooooooooooooooooo` ````````` ``````:.`.:.`----`.:`-ooooooooooooooooooooooooooooooooo` `````````` `````````````````````-ooooooooooooooooooooooooooooooooo` `````````` ``.--..``````````````-ooooooooooooooooooooooooooooooooo` ``````````````.------.`````````````-ooooooooooooooooooooooooooooooooo` ``````````````-------:/.````````````-ooooooooooooooooooooooooooooooooo` `````````````.----:oyhhs:``````````-ooooooooooooooooooooooooooooooooo` .----------------:/+oyhhhhhy-oooooooooosssssssssssssssssssssssssssssssss----` -yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyo -yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyys ------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------- */ /* ------------------------------------------ PARENT THEME CSS FIXES ------------------------------------------- */ /* -----------------------------------------------*/ /*-- MAKE THE CONTENT AREA WIDER ON RESPONSIVE --*/ /* -----------------------------------------------*/ @media only screen and (max-width: 980px) { .container { width: 90%; } .et_pb_row { width: 90%!important; } } @media only screen and (max-width: 980px) { #top-header > .container, #main-header > .container, #et_search_outer > .container, body.single #main-content > .container, body.page div.et_pb_row, body.page div.et_pb_row.et_pb_row_fullwidth { width: 90% !important; } } /* -------------------------------------*/ /*-- COMMONLY NEEDED NAVIGATION FIXES --*/ /* -------------------------------------*/ /*-- REMOVING THE SUBNAV ARROW --*/ #et-top-navigation #top-menu li.menu-item-has-children a::after, #et-top-navigation #top-menu li.current-menu-item ul.sub-menu li.menu-item a::after, #et-top-navigation #top-menu li.current-page-ancestor ul.sub-menu li.menu-item a::after, #et-top-navigation #top-menu li.current-page-ancestor ul.sub-menu li.current-menu-item a::after { display: none; } #et-secondary-menu #et-secondary-nav li.menu-item-has-children a::after, #et-secondary-menu #et-secondary-nav li.current-menu-item ul.sub-menu li.menu-item a::after, #et-secondary-menu #et-secondary-nav li.current-page-ancestor ul.sub-menu li.menu-item a::after, #et-secondary-menu #et-secondary-nav li.current-page-ancestor ul.sub-menu li.current-menu-item a::after { display: none; } #top-menu li.menu-item-has-children a, #et-secondary-nav li.menu-item-has-children a { padding-right: 0px!important; } /*-- COLLAPSING THE MOBILE NAVIGATION --*/ #main-header .et_mobile_menu .menu-item-has-children > a { background-color: transparent; position: relative; } #main-header .et_mobile_menu .menu-item-has-children > a:after { font-family: 'ETmodules'; text-align: center; speak: none; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; position: absolute; } #main-header .et_mobile_menu .menu-item-has-children > a:after { font-size: 16px; content: '\4c'; top: 13px; right: 10px; } #main-header .et_mobile_menu .menu-item-has-children.visible > a:after { content: '\4d'; } #main-header .et_mobile_menu ul.sub-menu { display: none !important; visibility: hidden !important; transition: all 1.5s ease-in-out;} #main-header .et_mobile_menu .visible > ul.sub-menu { display: block !important; visibility: visible !important; } #main-header .et_mobile_menu .location, #main-header .et_mobile_menu .telephone-number, #main-header .et_mobile_menu .book-now-button {display: none;} #top-menu li.mobile-only, #top-menu li ul.sub-menu li.mobile-only, #et-secondary-menu #et-secondary-nav li.mobile-only, #et-secondary-menu #et-secondary-nav li ul.sub-menu li.mobile-only { display: none; } /*-- IMPROVING THE HAMBURGER --*/ .mobile_nav.opened .mobile_menu_bar:before { content: '\4d'; } /* -------------------------------------*/ /*------ REORDER COLUMNS ON MOBILE -----*/ /* -------------------------------------*/ @media all and (max-width: 980px) { /*** wrap row in a flex box ***/ .custom_row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; /* Safari 6.1+ */ flex-wrap: wrap; } /*** custom classes that will designate the order of columns in the flex box row ***/ .first-on-mobile { -webkit-order: 1; order: 1; } .second-on-mobile { -webkit-order: 2; order: 2; } .third-on-mobile { -webkit-order: 3; order: 3; } .fourth-on-mobile { -webkit-order: 4; order: 4; } /*** add margin to last column ***/ .custom_row:last-child .et_pb_column:last-child { margin-bottom: 30px; } } /* -----------------------------------------------*/ /*------ CHANGE PORTFOLIO GRID TO 3 COLUMNS -----*/ /* ----------------------------------------------*/ @media only screen and ( max-width: 500px ) { .three-column-grid .et_pb_grid_item { width: 100% !important; margin: 0 0 8% 0 !important; } } @media only screen and ( min-width: 768px ) { .three-column-grid .et_pb_grid_item { width: 30.666% !important; margin: 0 4% 4% 0 !important; } .three-column-grid .et_pb_grid_item:nth-child(3n) { margin-right: 0 !important; } .three-column-grid .et_pb_grid_item:nth-child(3n+1) { clear: left; } .three-column-grid .et_pb_grid_item:nth-child(4n+1) { clear: unset !important; } } /* -----------------------------------------------*/ /*------ CHANGE PORTFOLIO GRID TO 2 COLUMNS -----*/ /* ----------------------------------------------*/ @media only screen and (max-width: 767px) { .two-column-grid .et_pb_grid_item { width: 100% !important; margin: 0 0 8% 0 !important; } } @media only screen and ( min-width: 768px ) { .two-column-grid .et_pb_grid_item { width: 48% !important; margin: 0 4% 4% 0 !important; } .two-column-grid .et_pb_grid_item:nth-child(2n) { margin-right: 0 !important; } .two-column-grid .et_pb_grid_item:nth-child(3n+1) { clear: unset !important; } } /* ------------------------------ PUT NEW CUSTOM CSS BELOW THIS LINE ------------------------------------------ */ .pubResTile .factResultItem { /* min-height:185px; */ background-color:#f9f9f9; } .facetwp-search { border:none!important; font-size:16px; padding-top:5px!important; padding-bottom:5px!important; } .personField i { color:#6cc7dc; margin-right:10px } /* li.menu-item a { font-weight:500; } */ #top-menu li a { font-weight:100; } .plistauthor { display:block; float:left; margin-right:10px; } .et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before { color:white!important; } .et_portfolio_image img { vertical-align: bottom; margin-bottom: 0; object-fit: cover; aspect-ratio: 1; } .et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters3 .et_pb_column_4_4 .et_pb_widget, .et_pb_gutters3 .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_widget, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product { width: 20.875%; /* margin-right: 5.5%; */ /* margin-bottom: 5.5%; */ margin: 0; } .et_pb_module_inner { position: relative; display: flex; flex-flow: row wrap; } @media (min-width: 980px){ .et_pb_module_inner{ column-gap: 5.5%; row-gap: 66px; } } /* ------------------------------ COMMONLY USED CSS / DELETE IF NOT NEEDED ------------------------------------------ */ /* COOL TEXT HIGHLIGHT COLOUR ::selection { background: #ae8054; color: #000000; } */ /* TYPEKIT BODY FONTS body { font-family: lato, sans-serif; font-weight: 400; font-style: normal; } h1,h2, h3, h4, h5, h6 { font-family: josefin-sans, sans-serif; font-weight: 600; font-style: normal; } */ /* CONTROL OVER NAV SPACING @media only screen and (min-width: 980px) { #top-menu li { padding-right: 6px; } } @media only screen and (min-width: 1080px) { #top-menu li { padding-right: 10px; } } @media only screen and (min-width: 1180px) { #top-menu li { padding-right: 15px; } } @media only screen and (min-width: 1280px) { #top-menu li { padding-right: 22px; } } @media only screen and (min-width: 1380px) { #top-menu li { padding-right: 32px; } } @media only screen and (min-width: 1500px) { #top-menu li { padding-right: 36px; } } */ /* CONTROL OVER FONT SIZES @media only screen and (max-width: 479px) { body #page-container h1 { font-size: 35px!important; } body #page-container h2 { font-size: 32px!important; } body #page-container h3 { font-size: 28px!important; } body #page-container h4 { font-size: 22px!important; } body #page-container h5 { font-size: 20px!important; } body #page-container h6 { font-size: 16px!important; } } @media only screen and (min-width: 480px) and (max-width: 767px) { body #page-container h1 { font-size: 45px!important; } body #page-container h2 { font-size: 38px!important; } body #page-container h3 { font-size: 30px!important; } body #page-container h4 { font-size: 24px!important; } body #page-container h5 { font-size: 22px!important; } body #page-container h6 { font-size: 18px!important; } } @media only screen and (min-width: 768px) { body #page-container h1 { font-size: 55px!important; } body #page-container h2 { font-size: 42px!important; } body #page-container h3 { font-size: 32px!important; } body #page-container h4 { font-size: 26px!important; } body #page-container h5 { font-size: 24px!important; } body #page-container h6 { font-size: 20px!important; } } */ /* HIDE THE MAIN FOOTER */ #main-footer { display: none; } /* SOCIAL MEDIA FOOTER ICONS */ #footerblock {text-align: right;} #footerblock .et_pb_blurb {width: 50px; display: inline-block; margin-bottom: 0;margin-left: 15px;} #footerblock .et-pb-icon-circle { padding: 10px; } /* MAKE HORIZONTAL FOOTER DISPLAY INLINE #nav_menu-2 { width: 100%; margin: 0!important; } ul#menu-footer-menu { text-align: center; } ul#menu-footer-menu li { display: inline; } ul#menu-footer-menu li + li:before{ content: " | "; padding: 0 10px; } */