@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: local('Roboto Thin'), local('Roboto-Thin'), url(../../../../../s/roboto/v20/KFOkCnqEu92Fr1MmgVxIIzc.ttf) format('truetype'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(../../../../../s/roboto/v20/KFOmCnqEu92Fr1Mu4mxP.ttf) format('truetype'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: local('Roboto Black'), local('Roboto-Black'), url(../../../../../s/roboto/v20/KFOlCnqEu92Fr1MmYUtfBBc9.ttf) format('truetype'); }  @font-face { font-family: 'BebasNeue'; src: url('https://www.hydrogrowled.com/wp-content/themes/hydrogrowleds-child/fonts/BebasNeue.eot'); src: local('BebasNeue'), url('../../../../themes/hydrogrowleds-child/fonts/BebasNeue.woff') format('woff'), url('https://www.hydrogrowled.com/wp-content/themes/hydrogrowleds-child/fontsBebasNeue.ttf') format('truetype'); } body{ margin:0; font-size: 15px; font-family: 'Roboto'; background-size: cover; background-attachment: fixed; background-repeat: no-repeat; overflow-x: hidden; -webkit-transition: background-image 0.2s ease-in-out; -moz-transition: background-image 0.2s ease-in-out; -ms-transition: background-image 0.2s ease-in-out; -o-transition: background-image 0.2s ease-in-out; transition: background-image 0.2s ease-in-out; } a{ color: #ee4b97; text-decoration: none!important; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a:hover, a:active, a:focus{ color: #ba2e6f; } .bebas{ font-family: 'BebasNeue'; } .m-center{ display: table; margin-left: auto; margin-right: auto; } .margin-top{ margin-top: 20px; } .margin-top-sm{ margin-top: 10px; } .margin-bottom{ margin-bottom: 20px; } .margin-left{ margin-left: 20px; } .margin-right{ margin-right: 30px; } .padding-normal{ padding: 10px; } .padding-large{ padding: 20px; } .padding-top{ padding-top: 10px; } .padding-bottom{ padding-bottom: 10px; } .padding-left{ padding-left: 10px; } .padding-right{ padding-right: 10px; } .rounded-corners{ border-radius: 20px; } .break-color{ color: #ee4b97; } .break-background{ background-color: #ee4b97; } .gray-background{ background-color: #EAEAEA; } .white-color{ color: #FFF; } .white-background{ background-color: #FFF; } .black-color{ color: #000; } .main-btn, #blog-wrapper .comment-form input[type="submit"]{ background-color: #ee4b97; color: #FFF; padding: 5px; border:0!important; outline: none!important; cursor: pointer; border-radius: 5px; font-size: 13px;   min-width: 130px;   text-decoration: none!important;   text-align: center; } .larger-text{ font-size: 18px; } .largest-text{ font-size: 28px; } a.main-btn{ color: #FFF!important; } .main-btn.large{ padding: 15px; border-radius: 20px; font-size: 15px; } .main-btn.wider{ min-width: 70%; display: inline-block; } .borderless{ border:0!important; } .pointer{ cursor: pointer; } .outlineless{ outline: none!important; } .full-width{ width: 100%; } .padding1{ padding: 1px; } .fixed-width1{ width: 660px; } .box-shadow{ box-shadow: 1px 1px 6px 3px #a9a9a9c4; } .auto-hight{ height: auto; } .relative{ position: relative; } .overlay-container{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; } .child-overlay .overlay-container{ opacity: 1; } .overlay-background{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba( 0, 0, 0, 0.7); } .zindex2{ z-index: 2; } .smaller-text{ font-size: 14px; } .simplebar-scroll-content{ box-sizing: content-box; } .tab-panel:not(.current-panel){ display: none; } .hidden{ display: none; } h2, h3{ font-family: 'BebasNeue'; } .object-fit-cover{ object-fit: cover; } .object-fit-center{ object-position: center; } #page-heading{ margin-top: 75px; } #studies_area .group-studies-container{ margin-left: -10px; margin-right: -10px; } #studies_area .group-studies-container .study-box{  margin-bottom: 20px; padding-left: 10px; padding-right: 10px; } #studies_area .group-studies-container .study-box .white-background.relative{   min-height: 410px; } #studies_area .group-studies-container .study-box .overlay-container h3 {   font-size: 21px; } #studies_area .group-studies-container .study-box .no_hover_content h2 {   font-size: 24px; } .half-break{ color: transparent; -webkit-background-clip: text; background-clip: text; background-image: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 50%,#ee4b97 51%,#ee4b97 100%); background-image: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ee4b97 51%, #ee4b97 100%); background-image: -ms-linear-gradient(top, #ffffff 0%,#ffffff 50%,#ee4b97 51%,#ee4b97 100%); background-image: -o-linear-gradient(top, #ffffff 0%,#ffffff 50%,#ee4b97 51%,#ee4b97 100%); background-image: linear-gradient(to bottom, #ffffff 0%,#ffffff 50%,#ee4b97 51%,#ee4b97 100%); } #slider-body{ margin-top: 80px;   padding-bottom: 40px; } #slider-body .header-container{   padding-bottom: 5px; overflow: hidden; margin-bottom: 10px; } #slider-body header.slider-header{   box-shadow: 0 0 5px 4px #BBB;   height: 60px; } #slider-body .slider-title{ position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); top: -23px; font-size: 40px; } #slider-body .led-icon{ position: absolute;   left: 50%;   -webkit-transform: translateX(-50%);   -moz-transform: translateX(-50%);   -ms-transform: translateX(-50%);   -o-transform: translateX(-50%);   transform: translateX(-50%);   top: -62px; } #slider-body .led-icon img{ width: 50px; } #content-slider { margin-top: 25px; height: 500px; overflow: hidden; } #content-slider .slide-container{ max-width: 80%; margin-left: auto; margin-right: auto; padding: 20px; } #content-slider h3{ text-shadow: 0 0 3px 1px #AAA; font-family: 'BebasNeue'; color: #ee4b97; text-transform: uppercase; } #slider-body .owl-next, #slider-body .owl-prev{ position: absolute;   right: -20px;   top: 10px;   background-color: transparent;   border: 0;   outline: none!important;   cursor: pointer; } #slider-body .owl-prev{ right: auto; left: -20px; } #slider-body .owl-next.disabled, #slider-body .owl-prev.disabled{ cursor: default; } #dots-nav-buttons .owl-dot{ outline: none!important; background:transparent; border: none; outline: none!important; cursor: pointer; } #dots-nav-buttons .owl-dot span{ background-color: #cccccc87; display: inline-block; width: 20px; height: 20px; border-radius: 50%; } #dots-nav-buttons .owl-dot.active span{ background-color: #AAA; } #dots-nav-buttons .owl-dots{ position: absolute; bottom: -120px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } #dots-nav-buttons{ z-index: 5; } #dots-nav-buttons .title-buttons{   position: absolute;   bottom: -70px;   left: 50%;   -webkit-transform: translateX(-50%);   -moz-transform: translateX(-50%);   -ms-transform: translateX(-50%);   -o-transform: translateX(-50%);   transform: translateX(-50%); } #dots-nav-buttons .title-buttons .title-slider-btn{   border-radius: 30px;   padding: 15px;   text-align: center;   background: #e94795;   color: #FFF;   min-width: 170px;   cursor: pointer;   display: inline-block;   box-shadow: 0 0 4px 2px #48484899;   font-size: 17px; } #dots-nav-buttons .title-buttons .title-slider-btn .fa-arrow-circle-left{ margin-right: 10px; } #dots-nav-buttons .title-buttons .title-slider-btn .fa-arrow-circle-right{ margin-left: 10px; } #dots-nav-buttons .title-buttons .title-slider-prev{ margin-right: 20px; } #dots-nav-buttons .title-slider-btn.only_one{ display: table; margin: auto; } section#page-notebook header{ -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #FFF; text-shadow:  -1px -1px 0 #FFF,   1px -1px 0 #FFF,   -1px 1px 0 #FFF,   1px 1px 0 #FFF; font-size: 40px; font-weight: 900; text-align: center; } section#page-notebook{ margin-top: 80px; } section#page-notebook .notebook-img{ background-image: url('../../../../themes/hydrogrowleds-child/images/note-top.png'); background-size: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } section#page-notebook .content-area{   height: 510px;   overflow: hidden; } section#page-notebook .notebook-area-container { background-image: url(../../../../themes/hydrogrowleds-child/images/note-bg.png); background-size: 100% 100%; } section#page-notebook .notebook-area-container ul.nav-tabs{ display: table; margin-left: auto; margin-right: auto; } section#page-notebook .notebook-area-container ul.nav-tabs li{ display: inline-block; margin-left: 5px; border-radius: 50%; -webkit-transition: border-color 0.3s ease-in-out; -moz-transition: border-color 0.3s ease-in-out; -o-transition: border-color 0.3s ease-in-out; -ms-transition: border-color 0.3s ease-in-out; transition: border-color 0.3s ease-in-out; } section#page-notebook .notebook-area-container ul.nav-tabs li a{ border: 5px solid transparent;   display: inline-block;   border-radius: 50%;   box-sizing: border-box; } section#page-notebook .notebook-area-container ul.nav-tabs li .img-text-container{   border: 3px solid #FFF; display: block; overflow: hidden; border-radius: 50%; } section#page-notebook .notebook-area-container ul.nav-tabs li a h4{   font-size: 17px;   position: absolute;   bottom: -10px;   left: 0;   padding: 20px;   padding-top: 5px;   padding-left: 25px;   color: #FFF;   background: #00000066; } section#page-notebook .notebook-area-container ul.nav-tabs li.active{  } section#page-notebook .notebook-area-container ul.nav-tabs li.active a{ border-color: #ee4b97; } section#page-notebook .notebook-area-container ul.nav-tabs li img{ border-radius: 50%; } section#page-notebook .tabs-background-img{   margin-top: -20px;   margin-left: -7px; height: 270px; width: 100%; } section#page-notebook .notebook-top-contents{ position: absolute; top: 55px;   left: 25%;   transform: translateX(-15%); } section#page-notebook .home-button{   position: absolute;   top: 85px;   left: 20px; } section#page-notebook article.content-area{   padding: 40px;   margin-top: -30px;   margin-left: auto;   margin-right: auto; } section#page_book{ margin-top: 80px; margin-bottom: 50px; } section#page_book header.page_header .main-title{ text-shadow:  -1px -1px 0 #FFF,   1px -1px 0 #FFF,   -1px 1px 0 #FFF,   1px 1px 0 #FFF;   -webkit-text-stroke: 2px #FFF; } section#page_book .book_area{ box-shadow: 2px 2px 5px 1px #000; } section#page_book .book-page{ float: left; width: 50%; } section#page_book .book-page.left-page{ background-color: #f5f5f5; height: 570px; } section#page_book .book-page.left-page .tab-trigger.active span.break-color{ color: #FFF; } section#page_book .book-page.left-page ul.page-nav li a{ -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; display: block; margin-top: 20px; padding: 0 20px; margin-left: -30px; margin-right: 100px; color: #ee4b97; text-decoration: none!important;   box-shadow: 1px 1px 5px 1px #68686896;   border-top-right-radius: 50px;   border-bottom-right-radius: 50px;   font-family: 'BebasNeue';   font-size: 20px;   background: #FFF;   position: relative; } section#page_book .book-page.left-page ul.page-nav li a.active{ margin-right: 15px; background-color: #ee4b97; color: #FFF; } section#page_book .book-page.left-page ul.page-nav li a:before{ position: absolute; left: 0px; bottom: -20px; content: ' '; border: 10px solid #AAA;   border-left-color: transparent;   border-bottom-color: transparent; } section#page_book .book-page.left-page ul.page-nav li a.active:before{ border-color: #bf3c79;   border-left-color: transparent;   border-bottom-color: transparent; } section#page_book .book-page.right-page{ background-color: #FFF; height: 570px; box-shadow: 0 0 5px 1px #CCCCCC75; } section#page_book .book-page.right-page .dotted-border{ border: 2px dotted #CCC; padding: 30px 60px; padding-top: 70px; height: 100%; } section#page_book .book-page.right-page .tab-panel>div.text-center:first-child img{   max-height: 50px;   margin-bottom: 20px;   width: auto; } section#page_book .book-page.right-page .tab-panel>div.content div.text-center.margin-top { margin-top: 30px; }  #blog-wrapper section.featured-post{ margin-top: 30px; } #blog-wrapper section.featured-post .section-bg{ background-repeat: no-repeat; background-size: cover; position: relative; padding: 30px; } .transparent-white-color{ color: #ffffff8f; } .pink-black-btn, .dark-pink-btn{   background: #c71a73; background: -moz-linear-gradient(left, #c71a73 0%, #8a1b51 100%); background: -webkit-linear-gradient(left, #c71a73 0%,#8a1b51 100%); background: linear-gradient(to right, #c71a73 0%,#8a1b51 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c71a73', endColorstr='#8a1b51',GradientType=1 );   padding: 10px 20px; border-radius: 15px; } .pink-black-btn:hover, .pink-black-btn:active, .pink-black-btn:focus{   background: #8a1b51; background: -moz-linear-gradient(left, #8a1b51 0%, #c71a73 100%); background: -webkit-linear-gradient(left, #8a1b51 0%,#c71a73 100%); background: linear-gradient(to right, #8a1b51 0%,#c71a73 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a1b51', endColorstr='#c71a73',GradientType=1 ); } .dark-pink-btn{ background: #4f2937; color: #FFF; } .dark-pink-btn:hover, .dark-pink-btn:active, .dark-pink-btn:focus{ background-color: #fdd6e4; } #blog-wrapper .most-recent{ background: #FFF; padding: 20px ; border-radius: 10px; box-shadow: 1px 1px 6px 3px #a9a9a985; margin-top: 30px; } #blog-wrapper section.most-popular{ margin-top: 30px;   padding: 10px; } #blog-wrapper .single-article .article-text{ padding: 3px 20px; } #blog-wrapper .discount-widget{ background: url('../../../../themes/hydrogrowleds-child/images/blog-discount.png')no-repeat; padding: 20px ; margin: 30px 0px; background-size: cover; border-radius: 10px; } .gray-color{ color: gray ; } .border-radius{ border-radius: 10px; } #blog-wrapper .discount-widget , #blog-wrapper .newsletter-widget{ padding: 20px; } #blog-wrapper .newsletter-widget{ margin-top: 40px; } .padding{ padding: 20px; } #blog-wrapper .img-tab .tab-block{ width: 50%;  padding-right: 20px ;  margin-top: 30px; } #blog-wrapper .img-tab .tab-block .img-item{ margin-bottom: 30px; } #blog-wrapper .img-tab .tab-block .img-item img{ width: 100%; height: 130px; border-radius: 10px; } #blog-wrapper .img-view{ position: relative; width: 100%; } #blog-wrapper .img-view img{   height: 546px;   object-fit: cover; } #blog-wrapper .img-view .post-content{ position: absolute; bottom: 0px ; right: 0px;  left: 0px; background: rgba(0,0,0,0.6);   border-radius: 0 0px 10px 10px; } #blog-wrapper .newsletter-input{ width: 100%; padding: 5px; outline: none!important; border: 1px solid #ee4b97; } #blog-wrapper .single-article .post-thumbnail img{ width: 175px; height: 105px; object-fit: cover; } .marginless{ margin-bottom: 0px; } .font-14{ font-size:14px; } #blog-wrapper .trending { margin-top: 30px; padding-top: 10px; padding-bottom: 10px; } #blog-wrapper .trending .post-thumbnail img{ width: 100%; height: 150px; border-radius: 10px; margin: 10px 0px; object-fit: cover; } section#rcf-page{ margin-top: 80px; } section#rcf-page header.page_header{ background-image: url('../../../../themes/hydrogrowleds-child/images/header-inner-study.png'); background-size: 100% 100%; padding: 25px;   padding-top: 0px;   padding-bottom: 45px; } section#rcf-page article{ margin-top: -100px; padding-top: 120px; padding-left: 25px; padding-bottom: 25px; padding-right: 25px; margin-bottom: 35px; } section#rcf-page header .roi-menu{ background-color: #FFF; position: absolute; box-shadow: 0 0 6px 1px #AAA; right: 10px;   z-index: 2; } section#rcf-page header .roi-menu ul{ min-width: 300px; margin-bottom: 0; } section#rcf-page header .roi-menu ul a{ display: block; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } section#rcf-page header .roi-menu ul a span.black-color{ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;   margin-left: 35px; } section#rcf-page header .roi-menu ul img{   position: absolute;   left: 5px;   top: 45%;   transform: translateY(-50%); } section#rcf-page header .roi-menu ul a{ padding: 10px 5px; } section#rcf-page header .roi-menu ul a:hover{ background-color: #ee4b97; } section#rcf-page header .roi-menu ul a:hover span.black-color{ color: #FFF; } #blog-wrapper .section-title{ margin-bottom: 5px; padding-bottom: 0; } #blog-wrapper .section-title h3{ font-size: 35px; } #blog-wrapper .section-title:after{ content: none; } article#main_article.single-study-page{   margin-top: 40px; } article#main_article.single-study-page .background-container{ padding: 25px 75px; } article#main_article.single-study-page .horizontal-line-cont{ margin-left: -75px; margin-right: -75px; } article#main_article.single-study-page .author-social a .fab{ color: #AAA; font-size: 40px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } article#main_article.single-study-page .author-social a .fab.fa-facebook-square:active, article#main_article.single-study-page .author-social a .fab.fa-facebook-square:hover, article#main_article.single-study-page .author-social a .fab.fa-facebook-square:focus{ color: #4a64af; } article#main_article.single-study-page .author-social a .fa-twitter-square:active, article#main_article.single-study-page .author-social a .fa-twitter-square:hover, article#main_article.single-study-page .author-social a .fa-twitter-square:focus{ color: #3c9df0; } article#main_article.single-study-page .author-social a .fab.fa-instagram:active, article#main_article.single-study-page .author-social a .fab.fa-instagram:hover, article#main_article.single-study-page .author-social a .fab.fa-instagram:focus{ color: #ed001a; } aside#related_studies .background-container{ padding: 25px 75px; } aside#related_studies .background-container .post-thumb img{ object-fit: cover;   height: 200px; } .gallery figure.gallery-item{ display: inline-block; margin-right: 20px; } #rcf-page .tab-button{ color: #e94795; padding: 20px; border-radius: 10px; border: 1px solid #e94795; cursor: pointer; box-shadow: 1px 1px 5px 1px #AAA; } #rcf-page .tab-button.active{ color: #FFF; background: #e64992; background: -moz-linear-gradient(-45deg, #e64992 54%, #a7306a 100%); background: -webkit-linear-gradient(-45deg, #e64992 54%,#a7306a 100%); background: linear-gradient(135deg, #e64992 54%,#a7306a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e64992', endColorstr='#a7306a',GradientType=1 ); } #rcf-page #panels-content { height: 350px; overflow: hidden; } #blog-wrapper .nice-select { font-family: 'BebasNeue'; background: transparent; display: inline-block;  font-size: 25px;  float: none; outline: 0; border: 0; } #blog-wrapper .nice-select ul.list { font-size: 17px; } #blog-controls{ margin-top: 40px; } #blog-controls .search-form{ padding-top: 5px; } #blog-controls .search-form input{   border: 1px solid #CCC;   background: #EFEFEF;   padding-right: 25px;   min-width: 200px;   padding: 5px;   width: 100%; } #blog-controls .search-form button{ background: transparent; position: absolute; color: #000; outline: 0; border: 0; right: 0; top: 10px; cursor: pointer; } #blog-wrapper .reading-time{ position: absolute; left: 0; top: 0; } .pagination{ margin-bottom: 0; } .pagination li a, .pagination li .current{ -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; text-align: center; line-height: 35px; border-radius: 50%; height: 45px; padding: 5px; width: 45px; color: #000; } .pagination ul.page-numbers{ list-style: none; } .pagination ul.page-numbers li{ display: inline-block; } .pagination ul.page-numbers li a:hover, .pagination li a:active, .pagination li a:focus{ background-color: #DDD; } .pagination ul.page-numbers li .current{  background-color: #BBB; } #blog-wrapper .comment-form-comment label{ vertical-align: top; } #page_footer.swiral-curves{ background-image: url('../../../../themes/hydrogrowleds-child/images/blog-footer.png'); background-repeat: no-repeat; height: 150px; width: 100%; }  @media all and (max-width: 1200px){ section#page-notebook .notebook-top-contents{  top: 40px;  left: auto;  transform: none;  margin-left: 100px; } section#page-notebook .notebook-area-container ul.nav-tabs li img{  width: 120px } section#page-notebook .tabs-background-img{   height: 230px; } #studies_area .group-studies-container .study-box .white-background.relative {   min-height: 375px; } } @media all and (max-width: 992px){ #studies_area .group-studies-container .study-box .white-background.relative {   min-height: 410px; } section#page-notebook .notebook-area-container ul.nav-tabs li img{  width: 90px; } section#page-notebook .notebook-area-container ul.nav-tabs li .img-text-container{  overflow: auto;  border-radius: 0;  border: 0; } section#page-notebook .notebook-area-container ul.nav-tabs li, section#page-notebook .notebook-area-container ul.nav-tabs li a, section#page-notebook .notebook-area-container ul.nav-tabs li .img-text-container, section#page-notebook .notebook-area-container ul.nav-tabs li a h4{  border-radius: 0; } section#page-notebook .notebook-area-container ul.nav-tabs li a h4{  position: static;  padding: 5px;  font-size: 15px;   margin-top: 5px; } section#page-notebook .notebook-top-contents{   margin-left: 55px; } } @media all and (max-width: 768px){ #studies_area .group-studies-container .study-box .white-background.relative {   min-height: 330px; } .fixed-width1{  width: auto; } .nav-tabs a{  width: auto; } #blog-wrapper .img-tab .tab-block{  width: 100%;  object-fit: cover; } .single-article{  margin-top: 15px;  margin-bottom: 15px; } #blog-wrapper .single-article .post-thumbnail img{  width: 100%; } } @media all and (max-width: 575px){ #studies_area .group-studies .study-box{  margin-top: 20px; } }