/* Theme Name: lauras Theme URI: http://xxxxxxxxx.com.au/ Description: lauras Child Theme Author: lauras Author URI: http://lauras.com.au/ Template: Avada 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: lauras */ /* @import url(http://fonts.googleapis.com/css?family=Open+Sans); font-family: "Van-Condensed-Bold", sans-serif; font:normal 14px 'Open Sans', sans-serif; font-family: sans-serif; font-family: "Flow-Handscript", Cursive; */ /* ================================================================================== Customization by Tubai ================================================================================== */ /* -------------- Global -------------- */ /* Begin Column Formatting */ .one_fourth, .one_third, .one_half, .two_third, .three_fourth { margin-right:0; margin-bottom:1%; } .one_fifth { width:100%; margin-bottom: 1%;} .one_fourth { width:100%; } .one_third { width:100%; } .one_half { width:100%; } .two_third { width:100%; } .three_fourth { width:100%; } .full_width { width:100%; } /* End Column Formatting */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /*#slidingbar-area{ display:none;}*/ embed, iframe, object, table { max-width: 100%;} img{ max-width:100%; outline:none; transition:all .6s;} button{ outline:none;transition:all .6s;} a, a:focus, a:visited{ transition:all .6s;outline:none; } a:hover{color:#f82eb5;} ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000 !important; font-size:14px; } ::-moz-placeholder { /* Firefox 19+ */ color: #000 !important; font-size:14px; } :-ms-input-placeholder { /* IE 10+ */ color: #000 !important; font-size:14px; } :-moz-placeholder { /* Firefox 18- */ color: #000 !important; font-size:14px; } body, html{ background:#fff;} input, select, button, textarea {font-family:'Raleway', Sans-serif;transition:all .6s; outline:none;} input:not([type=submit]), select, textarea{font:normal 15px/20px 'Raleway', sans-serif; width:100%; padding:5px 10px !important; border-color:#c6c6c6 !important; color:#141414 !important; height:auto !important; } input[type=submit].wpcf7-submit {color:#fff !important; text-transform: capitalize; padding:5px 25px !important; background:#ad227f !important; border-color:#ad227f !important; display:inline-block; width:auto !important; cursor:pointer;font:600 15px/20px 'Raleway', sans-serif !important; min-width: initial;} input[type=submit].wpcf7-submit:hover {color:#ad227f !important;background:#fff !important;} input[type=checkbox], input[type=radio] { width:auto;} form.searchform input{} label{ cursor:pointer;} h1,h2,h3,h4,h5,h6{ font-weight:normal;} .alignright, .alignleft, .aligncenter{margin-bottom:20px;} .display-none {display:none;} /* ---------------------------------------------- Header ---------------------------------------------- */ body:not(.home) .fusion-header-wrapper { position:relative !important;} .fusion-header-v4 .fusion-header { padding-bottom:0; padding-top:0; border:none;} .fusion-secondary-header { border:none;} .fusion-secondary-main-menu { border:none;} .fusion-header-banner .contact_info { color:#fff; font-weight:600; font-size:16px;} .fusion-header-banner .contact_info a {color:#fff; font-weight:400; font-size:30px; font-family:'Oswald';} .fusion-header-banner .contact_info span {color:#ad227f;} .fusion-header-banner .contact_info a:hover {color:#ad227f;} #header_info .sm_icons { min-width:125px;} #header_info .sm a { display:inline-block; margin:4px 8px;} #header_info .sm a:hover img { visibility:hidden; opacity:0;} #header_info .sm a.fb { background:url(img/fbh.png);} #header_info .sm a.tt { background:url(img/tth.png);} #header_info .sm a.in { background:url(img/inh.png);} /* Main Navigation */ .fusion-main-menu .current-menu-item > a, .fusion-main-menu > ul > li a { text-transform:uppercase;} /* for Dropdown Menu */ .fusion-main-menu .sub-menu li a:hover, .fusion-main-menu .fusion-dropdown-menu .sub-menu li.current-menu-item a { color:#fff;} /* for Mobile Menu */ .fusion-mobile-nav-holder .fusion-mobile-current-nav-item > a, .fusion-mobile-nav-holder > ul > li:hover a { color:#fff;} .fusion-mobile-menu-icons { bottom:10px; top:auto;} /* ---------------------------------------------- Homepage Content ---------------------------------------------- */ /* Top 3 Box */ #top3box .fusion-content-boxes .fusion-column { margin-bottom:0; padding:10px; } #top3box .fusion-content-boxes .fusion-column:hover { background:#ad227f;} #top3box .fusion-content-boxes .fusion-column > div { border:1px solid transparent;} #top3box .fusion-content-boxes .fusion-column:hover > div { border:1px solid #fff;} #top3box .fusion-content-boxes .fusion-column .fusion-read-more, #top3box .fusion-content-boxes .fusion-column .fusion-read-more:after { font-weight:bold; font-size:14px; text-transform:uppercase; color:#fff; line-height:1;} /* Middle Block */ .skin_treatment .fusion-column-content p:first-child { position:relative; margin:0;} .skin_treatment .fusion-column-content p:last-child { position: absolute; bottom:0; margin:0; width: 100%; text-align:center; background:rgba(0,0,0,.7); display:block; padding:15px 0; color:#fff; font-size:18px;} #middleblk .fusion-layout-column.fusion-one-fourth img{ margin-bottom:0;} #middleblk .fusion-layout-column.fusion-one-fourth:hover p:last-child { /*background:#000;*/} /* Products */ .product_heading {background:#ad227f; padding:10px 20px;} #products .product .produc_image { display:block; background:#fff; text-align:center; padding:10px;} #products .product { text-align:center; margin-bottom:20px;} #products .product h2.entry-title.fusion-post-title {line-height: 25px; padding:0 20px;} #products .product h2.entry-title.fusion-post-title a { color:#000; font-weight:600; font-size: 20px; } #products .product h2.entry-title.fusion-post-title a:hover { color:#ad227f;} /* Recent Articles Block */ #articles .fusion-recent-posts { margin-bottom:0;} #articles .heading { border-bottom:1px solid #ad227f; padding-bottom:10px;} #articles .fusion-recent-posts.layout-thumbnails-on-side .columns .column {border-bottom:1px solid #d3d3d3; padding-bottom:12px; margin-bottom: 30px;} /* ---------------------------------------------- Footer ---------------------------------------------- */ .fusion-footer-widget-area .widget-title { text-transform:capitalize; padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #888;} /* Footer Menu block */ .fusion-footer .widget_nav_menu { margin-top:22px;} .fusion-footer .widget_nav_menu ul li { border:none; float:none; padding-bottom:4px; padding-top:4px;} /* ---------------------------------------------- Inner Pages ---------------------------------------------- */ /* Common styles ------------- */ .hentry ul li, .hentry ol li{ color:#ad227f; font-size:16px; padding-bottom:5px;} .hentry hr{ border:none; border-bottom:2px solid #ad227f; margin-bottom:20px;} /* according to your design */ a.bluebtn{ margin:14px 10px;color:#fff; font-size:24px;font-family: sans-serif; text-transform:uppercase; padding:12px 35px; background:#d639a2; border:1px solid #27759d; display:inline-block;} a.bluebtn:hover{color:#d639a2; background:#fff;} /*a.btntrans{ margin:12px;color:#fff; font-size:24px;font-family: sans-serif; text-transform:uppercase; padding:15px 65px; border:1px solid #fff; display:inline-block;} a.btntrans:hover{background:#2c7ab0;}*/ .fusion-page-title-bar { border:none;} .hentry img.box {border:2px solid #ad227f;} .hentry img.pad5 { padding:5px;} .hentry table { border-color:#f82eb5; margin:auto;} .hentry table td { padding:15px 30px; color:#000; font-weight:bold; border-color:#f82eb5;} .hentry table tr:nth-child(even) td { background:#f82eb5;color:#fff;} .hentry table.textnorm td { font-weight:normal;} /* Inner Pages Content ------------------- */ .hentry .product_all hr {box-shadow: #ad227f 0px 2px 5px; margin:30px 0 40px 0; border-bottom-width:1px;} .product_all .produc_image { border:1px solid #ad227f; padding:5px; text-align:center;} .special_cbox.fusion-content-boxes .content-container { display:none;} .special_cbox.fusion-content-boxes .heading { margin-bottom:0; text-transform:uppercase;} .special_cbox.fusion-content-boxes .content-wrapper-background { padding:25px;} .sidebar .widget h4 { background: #ad227f !important; color: #fff !important; padding: 10px 16px; font-size: 20px !important; } .gallery img{ border-color:#d639a2 !important;} .bullet ul li{color: #000000 !important;} /* ---------------------------------------------- Responsive CSS ---------------------------------------------- */ @media only screen and (min-width: 1100px) { #main { min-height:300px;} } @media only screen and (max-width: 1099px) { } @media only screen and (min-width: 1000px) { /* for Transparent, overlay Header either set it from Avada option > Header > Header Styling or paste this code for Home page only in the appropriate responsive css section. .home .fusion-header:not(.fusion-sticky-shadow) { position:absolute; width:100%; top: auto !important;} */ #header_info .sm { padding-right:155px !important;} } @media only screen and (max-width: 999px) { } @media only screen and (min-width: 800px) { /* Begin Column Formatting */ .one_fourth, .one_third, .one_half, .two_third, .three_fourth { float:left; margin-bottom:1%; position:relative; } .one_fourth, .one_half, .three_fourth { margin-right:4%; } .one_third, .two_third { margin-right:5%; } .one_fourth { width:24%; margin-right:1.33%;} .one_third { width:30%; } .one_half { width:48%; } .two_third { width:65%; } .three_fourth { width:74%; } .one_fifth { margin-right:3%; width:17.6%; float:left;} .full_width { width:100%; float:left; } .last_column { clear:right; margin-right:0 !important; } /* End Column Formatting */ .fusion-header-banner .contact_info { text-align:right;} #header_info > div { display:table-cell;} #header_info .sm { vertical-align:bottom; padding-right:31%; padding-bottom:10px;} /*#products .fusion-image-size-fixed { height:234px; display: table-cell; vertical-align: middle; width: 50%;}*/ #products .product { width:24%; margin-right:1.33%; float:left; height:250px;} #products .fusion-column-wrapper .product:nth-of-type(4) { margin-right:0;} #products .product .produc_image { height:200px;} #products .product .produc_image:before { content: ' '; display: inline-block; vertical-align: middle; height: 100%; } #products .product .produc_image a { display: inline-block; vertical-align: middle;} #products .product .produc_image img {max-height: 180px; width:auto;} } @media only screen and (max-width: 799px) { /* for Mobile device responsiveness */ p, div, .one_half,.one_third,.one_fourth, h1,h2,h3,h4,h5,h6{ text-align:center;} ul li{ text-align:left;} .hentry img{ float:none; margin:10px auto; display:block;} /* end for Mobile device responsiveness */ .fusion-mobile-menu-design-modern.fusion-header-v4 .fusion-logo a { max-width:none !important; display: inline-block;} .fusion-header-v4 .fusion-logo .fusion-header-content-3-wrapper { display:block;} .fusion-logo-left .fusion-header-banner { float:none;} #header_info .sm { margin-bottom:15px;} .fusion-footer .widget_nav_menu { max-width:200px; margin:auto;} } @media only screen and (max-width: 767px) { } /* normal iPad Media Queries (All generations - including iPad mini) ----------------------------------------------------------------- */ @media only screen and (device-width: 768px) { /* For general iPad layouts */ } @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) { /* For portrait layouts only */ } @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { /* For landscape layouts only */ } /* iPad 3 & 4 Media Queries ------------------------ Retina iPad in portrait & landscape */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */} /*Retina iPad in landscape*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */} /*Retina iPad in portrait*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */ }