/* Theme Name: JTag Theme URI: https://wordpress.org/themes/twentyfifteen/ Author: the WordPress team Author URI: https://wordpress.org/ Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer. Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready Text Domain: twentyfifteen This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ .resources-page_section{ padding:100px 0; } .resources-info p + p{ padding:24px 0 0 0; margin:0px; } #section2.resources-page_section{background:#2b2e34;} #section2.resources-page_section h2{ color:#fff; } #section2.resources-page_section .resources-info p{ color:#fff; } .related_post_list{ margin:30px 0 0 0; border-top:#fff solid 1px; padding:60px 0 0 0; } .related_post_list h2{ font-size:20px; } .related_post_list .content{ padding:15px 0; } .resources-info h3{ font-family:'DINPro'; padding:30px 0; color:rgb(147,200,64); } .resources-info .middle_sec{ margin:30px 0; position:relative; display: -webkit-box; display: -ms-flexbox; display: flex; align-items:center; padding:50px 0; } .resources-info .middle_sec > div{ position:relative; z-index:5; } .resources-info .middle_sec:after{ z-index:1; top:0px; background:#f8f8f8; position:absolute; left:-5000px; right:-50000px; content:''; height:100%; } .resources-info .middle_sec .left_image_sec:first-child{ padding:0 20px; width:60%; text-align:center;} .resources-info .middle_sec .left_image_sec:last-child{ width:40%; padding:0 20px; text-align:center;} .resources-info .middle_sec .left_image_sec img{ max-width:100%;} .resources-info .middle_sec .left_image_sec a { margin: 14px 0 0 0; font-family: 'DINPro'; position: relative; overflow: hidden; z-index: 2;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#233c85+50,1e3372+50 */ background: rgb(35,60,133); /* Old browsers */ background: -moz-linear-gradient(top, rgba(35,60,133,1) 50%, rgba(30,51,114,1) 50%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(35,60,133,1) 50%, rgba(30,51,114,1) 50%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(35,60,133,1) 50%, rgba(30,51,114,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#233c85', endColorstr='#1e3372', GradientType=0 ); /* IE6-9 */ font-size:16px; color: #fff; text-align: center; min-height: 46px; line-height: 46px; padding: 0 15px; border: none; border-radius: 8px; min-width: 270px; display: inline-block; vertical-align: top; } .resources-info .middle_sec .left_image_sec a::after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background-color: #233c85; transform-origin: left; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; z-index: -1; } .resources-info .middle_sec .left_image_sec a:hover::after { opacity: 1; } .resources-info .main_title h2{ padding:0 0 20px; border-bottom:#999 solid 1px; margin:0 0 20px; } .resources-info .main_title h2 + hr{ display:none; } #section3 .related_post_list .box, #section5 .related_post_list .box, #section7 .related_post_list .box, #section9 .related_post_list .box, #section11 .related_post_list .box{ width:45% !important; margin:0 5% 0 0!important; box-shadow: 0 0rem .4375rem 0 rgba(0,0,0,0.2),0 0rem 0rem 0 rgba(0,0,0,0.19); background-color: #f9f9f9; padding:20px; } #section3 .related_post_list .box img, #section5 .related_post_list .box img, #section7 .related_post_list .box img, #section9 .related_post_list .box img, #section11 .related_post_list .box img{mix-blend-mode: multiply;} .resources-info .text ul{ padding:30px 0 30px 15px; } .resources-info .text ul ul{ padding-left:45px; } .resources-info .text ul li{ margin:3px 0; list-style:disc; list-style-position:outside; padding:0 0 0 10px; } #section4, #section8{ background:#eee; } #section4 .resources-info .middle_sec::after, #section6 .resources-info .middle_sec::after, #section8 .resources-info .middle_sec::after, #section10 .resources-info .middle_sec::after{ background:#fff; } #section4 .related_post_list, #section6 .related_post_list, #section8 .related_post_list, #section10 .related_post_list{ margin:30px 0 0 0; border-top:#fff solid 0px; padding:60px 0 0 0; } #section2 .related_post_list .box{ width:45% !important; margin:0 5% 0 0!important;} #section4 .related_post_list .box, #section6 .related_post_list .box, #section8 .related_post_list .box, #section10 .related_post_list .box{ width:45% !important; margin:0 5% 0 0!important; box-shadow: 0 0rem .4375rem 0 rgba(0,0,0,0.2),0 0rem 0rem 0 rgba(0,0,0,0.19); background-color: #fff; padding:20px; } #section4 .related_post_list .box img, #section6 .related_post_list .box img, #section8 .related_post_list .box img, #section10 .related_post_list .box img{mix-blend-mode: multiply;} #section6, #section10{ background:#eee; } .resources-info p > a{ color:rgb(147,200,64); font-family: 'DINPro-Bold'; } .resources-info .center-div a.call_to_action { margin: 14px 0 0 0; font-family: 'DINPro'; position: relative; overflow: hidden; z-index: 2;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#233c85+50,1e3372+50 */ background: rgb(35,60,133); /* Old browsers */ background: -moz-linear-gradient(top, rgba(35,60,133,1) 50%, rgba(30,51,114,1) 50%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(35,60,133,1) 50%, rgba(30,51,114,1) 50%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(35,60,133,1) 50%, rgba(30,51,114,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#233c85', endColorstr='#1e3372', GradientType=0 ); /* IE6-9 */ font-size:16px; color: #fff; text-align: center; min-height:inherit; line-height:normal; padding: 14px 20px; border: none; border-radius: 8px; min-width: 0; display:inline-block; margin:0 auto; vertical-align: top; } .resources-info .center-div a.call_to_action::after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background-color: #233c85; transform-origin: left; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; z-index: -1; } .resources-info .center-div a.call_to_action:hover{ color:#fff; } .resources-info .center-div a.call_to_action:hover::after { opacity: 1; } .center-div { text-align:center; padding:20px 0 0 0; } .resources-oiuter{ position:relative; } .sidebar-resources{ position:absolute !important; right:0px; top:0px; width:25%; } .pillar-scroll-menu ul li{ margin:0 0 6px; position:relative; background:#233c85; } .pillar-scroll-menu ul li .progressbar{ position:absolute; left:0px;top:0px; width:0px; height:100%; background:#009ee3; z-index:3; } .pillar-scroll-menu ul li a{ color:#fff; padding:5px 20px;display: inline-block;position: relative; z-index:5; } .sidebar__inner{ padding:50px 0 0 0; z-index:1000; min-width:25%; right:0px !important; left:auto !important; top:0px; width:100%; } .related_post_list .box a{ color:#000; } .mobile-trigger{ display:none; } .mobile-trigger a{ display:inline-block; background:url(https://www.jtag.com/wp-content/uploads/2020/06/plus.svg) no-repeat center center #233c85; width:40px; height:40px; } .mobile-cls-nav{ display:none; } .mobile-cls-nav a{ display:inline-block; background:url(https://www.jtag.com/wp-content/uploads/2020/06/close.svg) no-repeat center center #233c85; width:40px; height:40px; } #section1 .resources-info { padding:100px 0; } #section1 .resources-info p + p{ padding:45px 0 0 0; } @media (min-width: 1200px) and (max-width: 1300px) { } @media (min-width: 992px) and (max-width: 1199px) { .pillar-scroll-menu ul li a{ font-size:15px; padding:6px 10px; } .is-affixed .sidebar__inner{ max-width:25%; } } @media (min-width: 768px) and (max-width: 991px) { } @media (max-width: 992px) { .mobile-trigger, .mobile-cls-nav{ display:inline-block; position:absolute; right:0px; top:20px; } .mobile-cls-nav{ top:0px; } .pillar-scroll-menu-outer{ right:-400px; position:fixed; background:#233c85; width:320px; top:0px; height:100%; overflow:auto; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; padding:60px 0 0 0; z-index:1000; } .pillar-scroll-menu-outer.active{ right:0px; } body.hide-scroll{ overflow:hidden; } body:before{ pointer-events:none; position:fixed; left:0px; top:0px; height:100%; width:100%; content:''; background:#000; opacity:0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; z-index:11; } body.hide-scroll:before{ opacity:0.5; } .pillar-scroll-menu ul{border-top:rgba(255,255,255,0.50) solid 1px;} .pillar-scroll-menu ul li{ margin:0px; border-bottom:rgba(255,255,255,0.50) solid 1px; } .pillar-scroll-menu ul li a{ width:100%;} .pillar-scroll-menu ul li.active a{ background:#009ee3; } .pillar-scroll-menu ul li .progressbar{ display:none; } #section1 .resources-info { padding:0px 0; } #section1 .resources-info p + p{ padding:24px 0 0 0; } } @media (max-width: 767px) { .resources-info .middle_sec{ flex-direction:column; } .resources-info .middle_sec .left_image_sec:first-child{ width:100%; padding:20px 0; } .resources-info .middle_sec .left_image_sec:last-child{ width:100%;padding:20px 0;} #section2 .related_post_list .box, #section3 .related_post_list .box, #section4 .related_post_list .box, #section5 .related_post_list .box, #section6 .related_post_list .box, #section7 .related_post_list .box, #section8 .related_post_list .box, #section9 .related_post_list .box, #section10 .related_post_list .box, #section11 .related_post_list .box { text-align:center; width:100% !important; margin:20px 0 !important; } .sidebar-resources.is-affixed .sidebar__inner{ position: fixed !important;transform: none !important;top: 60px; } .resources-page_section{ padding:70px 0; } } @media (min-width: 568px) and (max-width: 767px) { } @media (min-width: 240px) and (max-width: 567px) { }