/* Theme Name: Orion Creative - Child Theme Author: Orion Creative | Rahul Prasad Author URI: https://www.orioncreative.com.au/ Description: Child theme to use with The7 theme. Version: 1.0.0 Template: dt-the7 */ /************************************************************************************************************************* * Font Stylesheet Imports ************************************************************************************************************************/ /*@import 'fonts/gotham/style.css';*/ /*@import url('https://fonts.googleapis.com/css?family=Montserrat:300,700&display=swap');*/ /************************************************************************************************************************* * Developer Stylesheet Imports ************************************************************************************************************************/ @import 'developer-master.css'; /************************************************************************************************************************* * Page Title & Breadcrumbs ************************************************************************************************************************/ @media screen and (max-width:1024px) { #page .page-title { background-size : cover !important; } #page .page-title-head, #page .page-title-breadcrumbs { align-self : flex-start; } } /************************************************************************************************************************* * Custom Jumbo Text ************************************************************************************************************************/ .jumbo-text, .jumbo-text * { font-family : 'Roboto', sans-serif; text-shadow : 5px 5px 25px #222; font-weight : 100; line-height : 8vh; font-size : 7vh; } .jumbo-text strong { font-weight : 900; display : block; } @media screen and (max-width:1024px) { .jumbo-text * { line-height : 6vh; font-size : 6vh; } } /************************************************************************************************************************* * Visual Composer Masonry Grid ************************************************************************************************************************/ #page .vc_box_border { background-color : rgba(145,129,91,0.75); } #page .vc_grid-item .vc_gitem-zone { opacity : 1; } #page .vc_grid-item .vc_gitem-zone .vc_gitem-post-data-source-post_date * { font-weight : 500 !important; font-size : 16px !important; } /************************************************************************************************************************* * Visual Composer Single Image Border ************************************************************************************************************************/ #page .vc_single_image-wrapper { position : relative; } #page .vc_single_image-wrapper::after { background-color : rgba(0,0,0,0.1); position : absolute; display : block; height : 100%; width : 100%; content : ""; z-index : 1; left : 0; top : 0; } /************************************************************************************************************************* * Custom Responsive Banners ************************************************************************************************************************/ #page .responsive-banner { background-position : center; background-image : url(../../uploads/Join-Newsletter-Row-BG.png); background-color : #81714c; background-size : cover; padding-bottom : 100px; margin-bottom : 100px; padding-top : 100px; margin-top : 100px; text-align : center; } #page .responsive-banner * { color : #fff; } #page .responsive-banner .vc_column-inner { padding : 0; } @media screen and (max-width:1023px) { #page .responsive-banner { padding-bottom : 50px; margin-bottom : 50px; padding-top : 50px; } } /************************************************************************************************************************* * Gravity Forms ************************************************************************************************************************/ #page .gfield { padding-right : 0; } #page .gfield_label { text-transform : uppercase; font-weight : 500; color : #91815b; } #page .gfield_required { text-shadow : 0 0 1px #790000; font-size : 20px; color : #790000 !important; } #page .ginput_container input:not([type=checkbox]), #page .ginput_container textarea { font-family : 'Roboto', sans-serif; line-height : 26px; font-size : 16px; min-height : 60px; padding : 10px; width : 100%; } #page .gchoice_select_all input { display : none; } #page .gchoice_select_all label { text-transform : uppercase; border-bottom : 1px solid #ddd; font-weight : 500; font-size : 14px; padding : 5px 0; color : #91815b; } #page .gfield_checkbox li { margin-bottom : 0; } #page .gfield_checkbox li input[type=checkbox] { margin-top : 2px; } /************************************************************************************************************************* * Website Sidebar ************************************************************************************************************************/ .recent-posts li > article { flex-direction : column; padding-bottom : 10px; border-bottom : 1px solid rgba(221,221,221,0.75); margin-bottom : 20px; position : relative; } .recent-posts li:last-child > article { padding-bottom : 0; border-bottom : none; margin-bottom : 0; } .recent-posts li > article .mini-post-img a { margin : 0 0 10px 0; } .recent-posts li > article p { max-height : 70px; overflow : hidden; position : relative; } .recent-posts li > article p:after { content : ""; position : absolute; z-index : 1; bottom : 0; left : 0; pointer-events : none; background-image : linear-gradient(to bottom, rgba(255,255,255, 0), rgba(255,255,255, 1) 90%); width : 100%; height : 4em; } .recent-posts li > article time { background-color : rgba(0,0,0,.75); line-height : 13px; font-weight : 500; font-size : 11px; position : absolute; padding : 5px 10px; color : #fff !important; left : 10px; top : 10px; pointer-events : none; } /************************************************************************************************************************* * Fancy Lists ************************************************************************************************************************/ #page .bullet-top li { line-height : 26px; font-size : 16px; } #page .list-divider li { padding-bottom : 0; } /************************************************************************************************************************* * Coming Soon ************************************************************************************************************************/ .coming-soon { background-color : rgba(129,113,76,0.9); padding : 40px; border : 1px solid rgba(129,113,76,1); color : #fff; } /************************************************************************************************************************* * Image Captions ************************************************************************************************************************/ .has-image-caption { position : relative; display : block; } .has-image-caption img { display : block; } .has-image-caption span { background-color : rgba(129,113,76,0.95); font-weight : 400; text-align : center; box-sizing : border-box; font-size : 13px; position : absolute; padding : 5px; bottom : 0; width : 100%; left : 0; z-index : 2; } .has-image-caption::after { transition : background-color 200ms ease-in-out; background-color : rgba(129,113,76,0.15); position : absolute; content : ""; z-index : 1; height : 100%; width : 100%; left : 0; top : 0; } .has-image-caption:hover::after { background-color : rgba(129,113,76,0.50); } /************************************************************************************************************************* * Single Post Pages ************************************************************************************************************************/ .single-related-posts h3 { align-self : flex-start; } /************************************************************************************************************************* * Gravity Forms ************************************************************************************************************************/ #page .contact-form-row { background-color : #81714c; margin-right : 2px; margin-left : 2px; padding : 40px; } #page .contact-form-row *:not(input):not(textarea):not(select):not(option) { color : #fff; } /************************************************************************************************************************* * Responsive Page Footer / Custom Page Footer ************************************************************************************************************************/ #page .responsive-page-footer { background-color : #81714c; padding-bottom : 100px; margin-bottom : -100px; padding-top : 100px; text-align : center; } #page .responsive-page-footer * { color : #fff; } @media screen and (max-width:1023px) { #page .responsive-page-footer { padding-bottom : 50px; margin-bottom : -50px; padding-top : 50px; } } /************************************************************************************************************************* * Website Footer & Bottom Bar ************************************************************************************************************************/ .footer * { color : #fff; } .footer hr { background-color : rgba(221,221,221,0.1); border : none; height : 1px; margin : 50px 0; } .footer .textwidget a:not(.dt-btn) { opacity : 1; } .footer .textwidget a:not(.dt-btn):hover { opacity : 0.85; color : #fff; } #page .join-newsletter-text .fas { line-height : 110px; font-size : 150px; } #page .footer .gform_wrapper .ginput_container input:not([type=checkbox]), #page .footer .gform_wrapper .ginput_container textarea { line-height : 26px; font-size : 16px; min-height : 40px; } #page .footer .gform_wrapper { margin : 0 0 20px 0; } #page .footer .gform_wrapper label { display : none; } #page .footer .gform_wrapper .gfield { margin : 0; } #page .footer .gform_wrapper .ginput_container { margin : 0; } #page .footer .gform_wrapper .gform_footer { padding : 0; margin : 0; } #page .footer .gform_wrapper .gform_footer input[type=submit] { width : 100%; } .footer .wf-container { width : 100%; } .footer .widget:nth-child(1) { margin-bottom : 0; width : 100%; } .footer .widget:nth-child(2), .footer .widget:nth-child(3) { width : 50%; } /* .footer .widget:nth-child(3), .footer .widget:nth-child(4) { width : 25%; } */ .footer .widget:nth-child(4) { padding-top : 40px; border-top : 1px solid rgba(221,221,221,0.1); width : 100%; } .footer .widget:nth-child(4) .wf-container > div:nth-child(2) { border-right : 1px solid rgba(221,221,221,0.1); } #bottom-bar p { font-size : 12px !important; } /************************************************************************************************************************* * ************************************************************************************************************************/ /* @media screen and (max-width : 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) { */ @media screen and (max-width : 1024px) { .vc_row { margin-left: 0; margin-right: 0; } .vc_column_container > .vc_column-inner { box-sizing: border-box; padding-left: 0; padding-right: 0; width: 100%; } .content > .vc_row > .vc_column_container > .vc_column-inner { padding-right: 0; padding-left: 0; } #page .vcrr-padding-50 > .vc_column_container > .vc_column-inner { padding-right: 0; padding-left: 0; } #page .responsive-page-footer * h3 { color: #fff; font-size: 23px !important; line-height: 30px !important; } /*********** FOOTER ********/ .footer { padding: 0 20px; display: block; position: relative; } #footer > .wf-wrap { padding: 0; } #footer .wf-container { margin: 0; } .footer .widget { color: #ffffff; padding: 0; width: 100%; display: block; } .footer .widget:nth-child(2), .footer .widget:nth-child(3) { width: 100%; } /* .footer .widget:nth-child(3), .footer .widget:nth-child(4) { width: 100%; } */ } @media screen and (max-width:767px) { .wf-2-4 { width: 100%; margin-bottom: 20px; } .wf-1-4 { width: 50%; } } /************************************************************************************************************************* * 2023 Changes ************************************************************************************************************************/ #home-banner h1 { max-width: 17ch; font-size: clamp(2rem, 1.0909rem + 4.5455vw, 4.5rem) !important; line-height: 1 !important; }