/* Theme Name: POW Description: Custom Theme Author: 3deep Media Author URI: https://3deepmedia.com Template: jevelin */ /* Add your custom CSS below */ html { scroll-behavior: smooth; } body { width: 100%; overflow: hidden; } body.home .sh-header, body.home .sh-header-top, body.home .sh-header-mobile, body.home .sh-header-left-side { background-color: #FFF !important; } body.home .primary-mobile-light .sh-header-mobile-navigation { background-color: #FFF !important; } body.blog .sh-header, body.single-post .sh-header, body.page-template-page-menu .sh-header, body.page-id-563 .sh-header, body.woocommerce .sh-header { background-color: #FFF; } body.blog .sh-header-mobile, body.single-post .sh-header-mobile, body.page-template-page-menu .sh-header-mobile, body.page-id-563 .sh-header-mobile, body.woocommerce .sh-header-mobile { background-color: #FFF; } body #wrapper .sh-page-layout-default { padding: 0px !important; background-color: #FFF; } body.blog #wrapper .sh-page-layout-default, body.single-post #wrapper .sh-page-layout-default, body.woocommerce-cart #wrapper .sh-page-layout-default { padding: 60px !important; background-color: #f4f4f4; } body.woocommerce-page #wrapper .sh-page-layout-default { padding: 60px !important; } #wrapper { margin-top: -1px; } .bkg-fixed { background-repeat: no-repeat; background-attachment: fixed; } /* WBK BAKERY */ .vc_column-inner { padding-top: 0 !important; padding-bottom: 0 !important; } .header-gradient { position: absolute; z-index: 1000; bottom: 0; height: 400px; width: 100%; display: block; overflow: hidden; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.7819328414959734) 0%, rgba(0,0,0,0) 100%); } .gradient-border { height: 4px; display: block; margin-bottom: 30px; background: rgb(0,177,189); background: linear-gradient(90deg, rgba(0,177,189,1) 0%, rgba(3,78,161,1) 100%); } .gradient-border-thin { height: 2px; display: block; margin-bottom: 30px; background: rgb(0,177,189); background: linear-gradient(90deg, rgba(0,177,189,1) 0%, rgba(3,78,161,1) 100%); } div.sh-pricing-top { background: rgb(0,177,189); background: linear-gradient(90deg, rgba(0,177,189,1) 0%, rgba(3,78,161,1) 100%); } /* HEADER */ .c-hamburger span, .c-hamburger span:before, .c-hamburger span:after { background: #000 !important; } .sh-header .sh-nav > li.menu-item > a { font-weight: normal; letter-spacing: 0.1em; } .sh-header-search-form { color: #FFF !important; } .sh-header-search { background: #666; } .sh-header-search-input::placeholder { color: #FFF !important; } header.primary-mobile-light #header-mobile.sh-header-mobile.sh-sticky-mobile-header { background-color: rgba(0,0,0,0.5)!important; } .sh-header-mobile-dropdown { height: 100vh; } .sh-header .sh-nav > li.menu-item > a, .sh-header-left-side .sh-nav > li.menu-item > a, .sh-nav-mobile li a { font-family: 'Bebas Neue', 'Helvetica Neue', helvetica, arial, sans-serif !important; } .header-mobile-social-media { position: absolute; bottom: 0; } /* TYPOGRAPHY */ /* h1 { font-family: 'Roboto Condensed', 'Helvetica Neue', helvetica, Arial, sans-serif !important; letter-spacing: -0.02em; font-weight: 600; } h2, h3, h4, h5, h6 { font-family: 'Robot Condensed', 'Helvetica Neue', helvetica, Arial, sans-serif !important; font-weight: 600; } */ body h1 { font-size: 35px; line-height: 45px; border-bottom: 2px solid #00b1bd; /* padding-bottom: 20px; */ } body h2 { font-size: 25px; line-height: 35px; color: #666; letter-spacing: 0.05em; } body h3 { font-size: 20px; line-height: 30px; color: #666; } .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark p, .dark a { color: #FFF !important; } #title-area .wpb_text_column.wpb_content_element { padding-bottom: 0 !important; } /* BUTTONS */ .btn { background-color: #00b1bd; text-transform: uppercase; padding: 10px 20px; margin-top: 20px; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; } .btn:hover { background-color: #ea5600; color: #FFF !important; padding: 10px 30px; } .menu-item.sh-nav-social { margin-left: 30px; } /* MOBILE MENU */ .header-logo.sh-group-equal { top: 0 !important; position: absolute !important; padding: 0 !important;} .sh-header-mobile-navigation .header-logo img { height: 35px; margin-top: 10px; } .sh-nav li.menu-item.donate { background: url('img/icon-heart-white.png') no-repeat right 15px center; background-size: 20px; padding-right: 50px; background-color: #000; } .sh-nav li.menu-item.donate a { color: #FFF !important; } /* HOME */ .revslider { margin-top: 1px; } .revslider .vc_column-inner { padding: 0 !important; margin: 0 !important; } .revslider .wpb_text_column.wpb_content_element { padding: 0 !important; margin: 0 !important; } .clickable:hover { cursor: pointer; display: block; z-index: 1000; } /* VC GRID BOXES */ .effect-hover figcaption { padding: 1em; } /* .effect-hover.long figcaption h2 { margin: 5% 0 10px; } */ figure.effect-hover figcaption { background-color: rgba(0,0,0,0.2); } figure.effect-hover figcaption h2 { font-size: 18px; line-height: 28px; } figure.effect-hover figcaption p.description { font-size: 14px; line-height: 18px; color: #CCC; } /* FOOTER */ .sh-footer-widgets { } .sh-footer-widgets { padding: 50px 0 50px 0 !important; } .sh-footer-widgets .widget-title { text-transform: uppercase; font-weight: 800; border-bottom: 1px solid #FFF; letter-spacing: 0.2em; padding-bottom: 20px; } .sh-footer-widgets p { font-size: 14px; line-height: 18px; } .sh-footer .widget_nav_menu li { display: inline-block; border: 0; padding-bottom: 2px; padding-top: 2px; } .sh-footer .widget_nav_menu li a { text-transform: uppercase; padding: 5px 20px; border: 1px solid #FFF; font-size: 14px !important; color: #FFF; font-weight: 800; border-radius: 2px; -webkit-border-radius: 2px; } .sh-footer .widget_nav_menu li a:hover { border: 1px solid #FFF; background-color: rgba(255,255,255,1); color: #666; } .sh-recent-posts-widgets-item-meta, .sh-recent-posts-widgets-item-meta a { color: #999; } .sh-copyrights-text { font-size: 14px; line-height: 20px; color: #777; } .sh-copyrights-text a { color: #666; } .sh-footer h3 { color: #FFF !important; } .sh-footer .sh-footer-widgets a, .sh-footer .sh-footer-widgets li a, .sh-footer .sh-footer-widgets h6 { font-weight: 800; } .sh-footer .sh-footer-widgets a.btn { background-color: #00b1bd!important; color: #FFF !important; display: block; margin: 20px 0 0 0; text-align: center; } /* WP BAKERY */ .vc_row.no-padding { padding: 0 !important; margin: 0 !important; } .wpb_column.vc_column_container.no-padding { padding: 0 !important; margin: 0 !important; } .vc_row.no-padding .vc_column-inner { padding: 0 !important; margin: 0 !important; } .vc_row.no-padding .vc_grid-container { padding: 0 !important; margin: 0 !important; } .wpb_column.vc_column_container.fifty-text-left { padding-left: 40px !important; padding-right: 40px !important; } .wpb_column.vc_column_container.fifty-text-right { padding-left: 40px !important; padding-right: 40px !important; } /* .wpb_column.vc_column_container ul li { margin: 15px 0 15px 0; } .wpb_column.vc_column_container ol li { margin: 15px 0 15px 0; } */ .two-col-mobile .wpb_column.vc_column_container.vc_col-sm-3 {width: 50% !important; display:inline-block !important;} /* 2 columns on mobile */ .two-col-mobile .wpb_column.vc_column_container.vc_col-sm-4 {width: 50% !important; display:inline-block !important;} /* 2 columns on mobile */ .two-col-mobile .wpb_column.vc_column_container.vc_col-sm-6 {width: 50% !important; display:inline-block !important;} /* 2 columns on mobile */ /* GRID BUILDER */ .vc_gitem_row .vc_gitem-col { padding: 20px; } .vc_gitem_row .vc_gitem-col p { font-size: 14px; line-height: 20px; } .vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat { background-color: #ff3535 !important; font-weight: bold; } .vc_grid-filter { margin-bottom: 50px !important; } .vc_grid-filter-item { padding: 10px 20px !important; background-color: #f4f4f4 !important; } .vc_grid-filter-item.vc_active { background-color: #999 !important; color: #FFF !important; } .vc_grid-filter-item.vc_active span { color: #FFF !important; } .vc_grid-styled-select select { font-size: 18px; background: url('img/icon-arrow-down.png') no-repeat right 15px center; background-size: 25px; } .vc_grid-styled-select select option { font-family: 'Biryani', 'Helvetica Neue', Arial, sans-serif !important; } /* Logos */ .logos { overflow: hidden; display: block; } .logos ul { text-align: center; list-style-type: none; margin: 0; padding: 0; } .logos ul li { display: inline-block; width: 100px; margin: 0 10px; } .logos ul li.thin { width: 70px; } .logos ul li a { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .logos ul li a img { width: 100%; } .logos ul li a img { -webkit-filter: grayscale(0%); filter: grayscale(0%); filter: none; } .logos ul li a:hover img { -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: url("data:image/svg+xml;utf8,#greyscale"); } /* Map */ div.ba_map_holder { height: 400px !important; } div.leaflet-control-attribution.leaflet-control { display: none !important; } div.leaflet-left { left: auto; bottom: 10px; right: 10px; top: auto; } div.leaflet-bar a { background-color: #666; color: #FFF; } a.leaflet-control-fullscreen-button { background-color: #666; color: #CCC; } .leaflet-bar a, .leaflet-bar a:hover { border-bottom: 1px solid #CCC; } .leaflet-popup-content { margin: 20px !important; font-family: 'Raleway', 'Helvetica Neue', Arial, sans-serif !important; } .leaflet-popup-content strong { text-transform: uppercase; font-size: 16px; line-height: 22px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #00b1bd; display: block; } .leaflet-popup-content br { display: none; } .leaflet-container a.leaflet-popup-close-button { right: 5px; top: 5px; } /* BOX */ .box { padding: 20px; background-color: #f6f6f6; } /* FORMS */ input.submit { padding: 10px 20px; background-color: #00b1bd; color: #FFF; text-transform: uppercase; margin-top: 30px; clear: both; border: 0; } /* NEWS */ .post-meta.post-meta-one { display: none !important; } .sh-recent-posts-widgets-item-meta { display: none !important; } #sidebar h3.widget-title { font-size: 25px !important; text-transform: uppercase; color: #666 !important; font-weight: 800; } .sh-social-share-button span { color: #FFF !important; } .sh-social-share-button i { color: #FFF !important; } .sh-page-switcher-button i { color: #FFF !important; } .blog-single { padding: 20px; background: #FFF; } /* Slider */ .sh-iconbox-slider .sh-iconbox-slider-item { background-color: #f4f4f4; } .slick-track .sh-iconbox-slider-tab { display: block !important; } /* EMBEDS */ .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0 !important; } /* FORMS */ .nf-field-container, .nf-before-form-content { margin-bottom: 20px !important; } .nf-field-container label { font-size: 16px !important; line-height: 20px !important; color: #666; } /* LP GRID */ .lp-grid .vc_gitem-post-data { margin-bottom: -5px; } .lp-grid h2 { font-size: 30px; line-height: 30px; color: #FFF; font-weight: 200; text-transform: uppercase; } .lp-grid h2 span.first-word { font-weight: 800; margin: 0; padding: 0; } /* PHOTO OF THE MONTH */ .photo-ot-month { position: absolute; z-index: 100; top: 20px; left: 0; margin: 0; } .photo-ot-month h3 { font-size: 18px; line-height: 28px; padding: 10px 10px; background-color: rgba(0,0,0,0.7); color: #FFF; font-weight: 800; float: left; display: inline !important; clear: both !important; margin: 0; text-align: right; } .photo-ot-month h4 { font-size: 12px; line-height: 16px; padding: 10px 10px; background-color: rgba(255,255,255,0.7); color: #333; font-weight: 800; float: left; display: inline !important; clear: both !important; margin: 0; text-transform: uppercase; text-align: right; } .photo-ot-month h4 { padding-left: 50px; background: url(img/icon-calendar-3.png) no-repeat left 20px center; background-size: 20px; background-color: rgba(255,255,255,0.7); } /* HOME FIXED BKG SECTIONS */ .home-bkg-section { color: #FFF !important; } .home-bkg-section .wpb_text_column { display: block; clear: both; overflow: hidden; } .home-bkg-section h2 { font-size: 60px !important; line-height: 80px !important; margin-bottom: 30px; font-weight: 700; clear: both; color: #FFF; letter-spacing: 0.1em; font-family: 'Bebas Neue', 'Helvetica Neue', helvetica, arial, sans-serif !important; } .home-bkg-section p { font-size: 20px; line-height: 28px; font-weight: 700; text-transform: uppercase; max-width: 85%; clear: both; margin-bottom: 30px; letter-spacing: 0.2em; font-family: 'Bebas Neue', 'Helvetica Neue', helvetica, arial, sans-serif !important; } .home-bkg-section.left h2, .home-bkg-section.left p { text-align: left; float: left; } .home-bkg-section.right h2, .home-bkg-section.right p { text-align: right; float: right; } .home-bkg-section .sh-button-container { clear: both; } .home-bkg-section .bkg-gradient { width: 100% !important; height: 100% !important; position: absolute; bottom: 0; left: 0; right: 0; top: 0; display: block; z-index: 1; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%); } /* TITLE-AREAS */ .title-section { color: #FFF !important; } .title-section .wpb_text_column { display: block; clear: both; overflow: hidden; } .title-section h2 { font-size: 40px !important; line-height: 50px !important; margin-bottom: 30px; font-weight: 700; clear: both; color: #FFF; letter-spacing: 0.2em; /* opacity: 0.6; -webkit-opacity: 0.6; */ font-family: 'Bebas Neue', 'Helvetica Neue', helvetica, arial, sans-serif !important; } .title-section p { font-size: 20px; line-height: 28px; font-weight: 700; text-transform: uppercase; max-width: 100%; clear: both; margin-bottom: 30px; letter-spacing: 0.2em; /* opacity: 0.6; -webkit-opacity: 0.6; */ font-family: 'Bebas Neue', 'Helvetica Neue', helvetica, arial, sans-serif !important; } .title-section.left h2, .title-section.left p { text-align: left; float: left; } .title-section.right h2, .title-section.right p { text-align: right; float: right; } .title-section .sh-button-container { clear: both; } .title-section .bkg-gradient { width: 100% !important; height: 100% !important; position: absolute; bottom: 0; left: 0; right: 0; top: 0; display: block; z-index: 1; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%); } /* NEWS AND SHOP TITLEBAR */ .sh-titlebar { background-color: #EEE; color: #666 !important; /* background: rgb(204,204,204); background: linear-gradient(90deg, rgba(204,204,204,1) 0%, rgba(238,238,238,1) 100%); */ } .widget_recent_entries li a { font-family: 'Bebas Neue', 'Helvetica Neue', helvetica, arial, sans-serif !important; color: #666; } .post-container { background-color: #FFF; } /* TEAMS */ .sh-team-name h3 { font-size: 26px; line-height: 36px; } /* SHOP */ .widget_categories li { display: inline-block; } .widget_categories li a { font-weight: 700; font-size: 18px; line-height: 28px; color: #666 !important; font-family: 'Bebas Neue', 'Helvetica Neue', helvetica, arial, sans-serif !important; padding: 5px 10px; background-color: #CCC; } .product_meta { display: none; } .woocommerce-tabs.wc-tabs-wrapper { display: none !important; } .woocommerce-result-count { display: none !important; } .reset_variations { display: none !important; } .sh-increase-numbers i { color: #FFFF; } .sh-alert-success { border: 1px solid #36bd5f; } .sh-alert-title { font-size: 20px; letter-spacing: 0.2em; } .woocommerce .woocomerce-styling .product .product_title { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #CCC; } .cart-icon { padding: 3px; } .cart-icon span { font-family: helvetica, arial, sans-serif; width: 20px; height: 20px; padding: 3px 5px 3px 7px; } .widget_product_categories a { color: #666; font-weight: bold; } .woocommerce form, .shop_table { background-color: #FFF; } /* //////////////////////////////// MOBILE ONLY //////////////////////////////// */ @media screen and (max-width: 500px) { .container { max-width: 350px !important; } } /* //////////////////////////////// MOBILE AND UP //////////////////////////////// */ @media screen and (min-width: 1px) { /* .header-logo .sh-table-cell { position: absolute; width: 100px; height: 100px; top: -12px; left: 0; } .header-logo .sh-table-cell img { width: 100%; height: auto; } */ } /* //////////////////////////////// LARGE MOBILE //////////////////////////////// */ @media screen and (min-width: 480px) { } /* //////////////////////////////// IPAD PORTRAIT //////////////////////////////// */ @media screen and (min-width: 768px) { body h1 { margin-bottom: 35px; line-height: 45px !important; } body h2 { margin-bottom: 25px; line-height: 25px !important; } .two-col-mobile .wpb_column.vc_column_container.vc_col-sm-3 {width: 50% !important; } .two-col-mobile .wpb_column.vc_column_container.vc_col-sm-4 {width: 50% !important; } .two-col-mobile .wpb_column.vc_column_container.vc_col-sm-6 {width: 50% !important; } #kit-boxes-grid figure.effect-hover { display: inline-block !important; width: 47% !important; margin: 0 1% 1% 0; float: left; } figure.effect-hover figcaption { padding: 1em; } figure.effect-hover figcaption h2 { font-size: 25px !important; line-height: 35px !important; } .home-bkg-section h2 { font-size: 60px !important; line-height: 80px !important; margin-bottom: 30px; } .home-bkg-section p { font-size: 16px; line-height: 26px; } .title-section h2 { font-size: 60px !important; line-height: 80px !important; margin-bottom: 30px; } .title-section p { font-size: 16px; line-height: 26px; } } /* //////////////////////////////// LAPTOP //////////////////////////////// */ @media screen and (min-width: 960px) { body h1 { font-size: 50px; line-height: 60px !important; } body h2 { font-size: 30px; line-height: 40px !important; } body h3 { font-size: 22px; line-height: 32px !important; } .sh-footer-widgets { padding: 100px 0 100px 0 !important; } .logos ul li { width: 150px; margin: 10px; } .logos ul li.thin { width: 100px; } div.ba_map_holder { height: 600px !important; } .two-col-mobile .wpb_column.vc_column_container.vc_col-sm-3 {width: 25% !important; } .two-col-mobile .wpb_column.vc_column_container.vc_col-sm-4 {width: 20% !important; } .two-col-mobile .wpb_column.vc_column_container.vc_col-sm-6 {width: 15% !important; } .effect-hover figcaption { padding: 2em; } .effect-hover figcaption h2 { font-size: 35px !important; line-height: 45px !important; } .effect-hover figcaption p.description { font-size: 14px !important; line-height: 18px !important; } .photo-ot-month { top: 10%; } .photo-ot-month h3 { font-size: 20px; line-height: 30px; padding: 10px 20px; } .photo-ot-month h4 { font-size: 14px; line-height: 20px; padding: 10px 20px 10px 50px; } .home-bkg-section h2 { font-size: 80px !important; line-height: 100px !important; margin-bottom: 30px; } .home-bkg-section p { font-size: 16px; line-height: 26px; max-width: 55%; } .title-section h2 { font-size: 80px !important; line-height: 100px !important; margin-bottom: 30px; } .title-section p { font-size: 16px; line-height: 26px; max-width: 60%; } } /* //////////////////////////////// DESKTOP //////////////////////////////// */ @media screen and (min-width: 1026px) { .header-logo img { height: 50px !important; margin-top: 10px; } .sh-header-top { padding: 8px 0; } .primary-desktop.primary-desktop-light .sh-header.sh-header-2.sh-sticky-header { background-color: rgba(0,0,0,0.5) !important; } .primary-desktop.primary-desktop-light .sh-header.sh-header-2.sh-sticky-header.sh-sticky-header-active { background-color: rgba(0,0,0,0.8) !important; } .sh-header-right-side, .header-mobile-social-media a, .sh-header .sh-nav > li.menu-item ul, .sh-header-left-side .sh-nav > li.menu-item ul, .sh-header-mobile-dropdown { background-color: #222 !important; } .sh-header:not(.sh-header-4):not(.sh-header-5):not(.sh-header-6) .sh-nav > li.menu-item > a { padding-top: 15px !important; padding-bottom: 15px !important; font-weight: 800 !important; } .sh-nav > li.menu-item > a { font-size: 16px !important; text-transform: uppercase; color: #222; } .sub-menu > li.menu-item > a { font-size: 16px !important; text-transform: uppercase; color: #FFF; } .sh-nav > li.menu-item:last-child { padding-right: 15px; } .menu-item.menu-item-has-children.sh-hover { background-color: #222; } .sh-nav > .menu-item > .sub-menu { margin-left: -15px; } .sh-nav .menu-item .sub-menu li.menu-item a { text-transform: uppercase; color: #FFF !important; font-weight: 400; font-family: 'Bebas Neue', 'Helvetica Neue', helvetica, arial, sans-serif; } .sh-nav .menu-item .sub-menu li.menu-item a:hover { color: #00b1bd !important; } .sh-nav .menu-item.menu-item-has-children:hover { color: #FFF !important; } .sh-nav .menu-item.current-page-ancestor a { color: #00b1bd!important; } .box { padding: 40px !important; } .wpb_column.vc_column_container.fifty-text-left { padding-left: 10% !important; padding-right: 5% !important; } .wpb_column.vc_column_container.fifty-text-right { padding-left: 5% !important; padding-right: 10% !important; } div.ba_map_holder { height: 700px !important; } } /* //////////////////////////////// LARGE SCREEN //////////////////////////////// */ @media screen and (min-width: 1200px) { .title-section .bkg-column { padding: 0 5px; } .home-bkg-section h2 { font-size: 100px !important; line-height: 120px !important; margin-bottom: 30px; } .home-bkg-section p { font-size: 18px; line-height: 28px; } } /* //////////////////////////////// LARGE SCREEN //////////////////////////////// */ @media screen and (min-width: 1500px) { .wpb_column.vc_column_container.fifty-text-left { padding-left: 15% !important; padding-right: 5% !important; } .wpb_column.vc_column_container.fifty-text-right { padding-left: 5% !important; padding-right: 15% !important; } body h1 { font-size: 60px; line-height: 70px !important; margin-bottom: 30px; } body h2 { font-size: 35px; line-height: 45px !important; margin-bottom: 30px; } .sh-nav > li.menu-item > a { font-size: 18px !important; } .sub-menu > li.menu-item > a { font-size: 18px !important; } .logos ul li { width: 200px; margin: 10px; } .logos ul li.thin { width: 100px; margin-top: 40px 20px 0 20px; } .effect-hover figcaption { padding: 3em; } .effect-hover figcaption h2 { font-size: 35px; line-height: 45px; } .effect-hover.long figcaption h2 { } #title-area .wpb_text_column.wpb_content_element { padding-bottom: 35px !important; } .home-bkg-section h2 { font-size: 120px !important; line-height: 140px !important; margin-bottom: 20px; } .home-bkg-section p { font-size: 18px; line-height: 28px; } .title-section h2 { font-size: 80px !important; line-height: 140px !important; margin-bottom: 0px; } .title-section p { font-size: 18px; line-height: 28px; padding-bottom: 40px; } } /* //////////////////////////////// EXTRA LARGE SCREEN //////////////////////////////// */ @media screen and (min-width: 1500px) { .wpb_column.vc_column_container.fifty-text-left { padding-left: 16% !important; padding-right: 5% !important; } .wpb_column.vc_column_container.fifty-text-right { padding-left: 5% !important; padding-right: 16% !important; } .profile-pic { right: 15%; width: 300px; height: 500px; } }