/* Theme Name: Hoot Events Theme URI: # Author: the Hoot Events team Author URI: https://wordpress.org/ Description: Hoot Events Version: 1.6 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: Hoot Events Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready 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. */ /*{font-family: 'Open Sans', sans-serif; font-family: 'Lato', sans-serif;}*/ .clear_0 {clear:both; font-size:0px; line-height:0px; display:block;} .last {margin:0 !important;} .pad_left{ padding-left: 0!important; } .pad_last{padding:0 !important;} .no_bg {background:none !important;} * { box-sizing: border-box; } /**************************************************************************************/ a { color:#000; text-decoration:none; outline:0 none;} a:hover { color:#000; text-decoration:none;} h1 { font-size:54px; font-family: 'Open Sans', sans-serif; font-weight: normal; text-transform: uppercase; } h2 { font-size:46px; font-family: 'Open Sans', sans-serif; font-weight: normal; text-transform: uppercase; } h3 { font-size:35px; font-family: 'Open Sans', sans-serif; font-weight: normal; text-transform: uppercase; } h4 { font-size:28px; font-family: 'Open Sans', sans-serif; font-weight: normal; text-transform: uppercase; } h5 { font-size:22px; font-family: 'Open Sans', sans-serif; font-weight: normal; text-transform: uppercase; } h6 { font-size:18px; font-family: 'Open Sans', sans-serif; font-weight: normal; } p { font-size: 16px; color: #999999; font-family: 'Open Sans', sans-serif; line-height: 26px; font-weight: normal; padding: 0 0 25px; } /*----------------------------------------------------------------------------------*/ html { } body { color:#000000; background: #ffffff; font-family: 'Open Sans', sans-serif; font-size:16px; line-height: normal; } .flt_Lt { float:left; display:inline;} .flt_Rt { float:right; display:inline;} input,textarea { -webkit-appearance:none; border-radius:0px; outline:none; border:0px;} input,textarea { -webkit-appearance:none; border-radius:0px; outline:none; border:0px;} .clearfix:before, .clearfix:after { content: ''; display: table; } .clearfix:after { clear: both; } /*---------------------------------------------------------------------------------*/ ::-webkit-input-placeholder { color: #666666; font-family: 'Lato', sans-serif; } ::-moz-placeholder { color: #666666; font-family: 'Lato', sans-serif; } :-ms-input-placeholder { color: #666666; font-family: 'Lato', sans-serif; } :-moz-placeholder { color: #666666; font-family: 'Lato', sans-serif; } textarea::-webkit-input-placeholder { color: #666666; font-family: 'Lato', sans-serif; } textarea::-moz-placeholder { color: #666666; font-family: 'Lato', sans-serif; } textarea:-ms-input-placeholder { color: #666666; font-family: 'Lato', sans-serif; } textarea:-moz-placeholder { color: #666666; font-family: 'Lato', sans-serif; } /*-----------------------layout----------*/ /*-----------------------layout----------*/ .wrapper { margin:0 auto; } .container { max-width: 1130px; width: 100%; box-sizing: border-box; padding: 0 15px; margin: 0 auto; } .container-fluid { width: 100%; box-sizing: border-box; padding: 0 47px 0 67px; margin: 0 auto; } .first { padding-left: 0px; } .mid { padding-left: 0px; padding-right: 0px; } .last { padding-right: 0px; } .my-inpt { padding-top: 4px; width: 90%; } .my-cnt { color: #999999;background: #FFF; border-top: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6;border-left: 1px solid #d6d6d6;border-right: 0px solid #d6d6d6;box-shadow: none;padding: 20px 11px; } /*------------HEADER------------------------*/ header { width: 100%; height:auto; position: relative; display: inline-block; vertical-align: top; padding-top: 20px; padding-bottom: 32px; box-sizing: border-box; z-index: 99999; } #logo { max-width: 140px; width: 100%; height: auto; display: inline-block; vertical-align: top; text-align: right; } #logo a { display: inline-block; vertical-align: top; } #logo img { width: auto; height: auto; max-width: 100%; display: block; } .menu { width: 85%; height: auto; float: right; margin-top: 20px; } .top_social { width: 100%; display: inline-block; vertical-align: top; text-align: right; margin-bottom: 10px; } .socialsec { max-width: 90px; width: 100%; display: inline-block; vertical-align: top; text-align: left; } .socialsec ul { margin: 0; padding: 0; list-style: none; } .socialsec ul li { display: inline-block; vertical-align: top; padding: 0 2px; } .socialsec ul li a { display: inline-block; vertical-align: top; } .socialsec ul li a img { max-width: 100%; width: auto; height: auto; } .contsec { max-width: 280px; width: 100%; display: inline-block; vertical-align: top; margin-left: 10px; } .contsec ul { margin: 0; padding: 0; list-style: none; } .contsec ul li { display: inline-block; vertical-align: middle; padding: 0 10px; } .contsec ul li a { display: block; color: #b3b3b3; font-size: 12px; } .contsec ul li a:hover { color: #41a594; } .contsec ul li a i { display: inline-block; vertical-align: middle; margin-right: 5px; } header nav { width: auto; float: right; } header nav.show { display: block!important; } header nav ul { margin: 0; padding: 0; list-style: none; } header nav ul li { display: inline-block; vertical-align: top; padding: 0 14px; box-sizing: border-box; position: relative; } header nav ul li:first-child { padding-left: 0; } header nav ul li:last-child { padding-right: 0; } header nav ul li:last-child { margin-right: 0; } header nav ul li a { display: block; color: #b3b3b3; font-family: 'Open Sans', sans-serif; font-size: 14px; text-transform: uppercase; line-height: normal; box-sizing: border-box; } header nav ul li.current-menu-item a, header nav ul li a:hover { color: #41a594; } .social { width: 25px; height: 25px; padding: 0; margin: 0; } .social a { display: block; padding: 0; } .social a img { width: auto; height: 20px; display: block; } .fb { margin-left: 5px; width: auto; } .twt { margin-right: 0; margin-left: 21px; } /*------------------SET: RESPONSIVE HAMBURGER-------------------*/ #nav-toggle { width: 35px; height: 25px; display: none; position: absolute; right: 15px; top: 30px; z-index: 22; } #nav-toggle {cursor: pointer; padding: 0; } #nav-toggle span,#nav-toggle span:before,#nav-toggle span:after { cursor: pointer; border-radius: 1px; height: 3px; width: 35px; background: #41a594; position: absolute; display: block; content: ""; left: 0; right: 0; } #nav-toggle span:before {top: -10px;} #nav-toggle span:after {bottom: -10px;} #nav-toggle span,#nav-toggle span:before,#nav-toggle span:after { -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out;} #nav-toggle.current_page_item span { background-color: transparent; background: none; } #nav-toggle.current_page_item span:before,#nav-toggle.current_page_item span:after { top: 0;} #nav-toggle.current_page_item span:before { -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);} #nav-toggle.current_page_item span:after { -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } /* ------------------END: RESPONSIVE HAMBURGER----------------*/ /*-------------------END: NAVIGATION HERE---------------------*/ /*------------HEADER------------------------*/ /*************************BANNER HERE*************************/ .banner { width: 100%; display: inline-block; vertical-align: top; position: relative; } .ban_img { position: relative; height: 100%; z-index: 2; } .ban_img:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.60); z-index: 1; } .ban_img img { display: block; width: 100%; max-width: 100%; height: 100%; object-fit: cover; object-position: center; -webkit-object-position: center; -moz-object-position: center; -o-object-position: center; -ms-object-position: center; } /* .banner .slick-slide { position: relative; height: 748px; } .banner .slick-prev { left: 90px; background: url(images/prev_icon.png) no-repeat; width: 46px; height: 96px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); z-index: 2; } .banner .slick-next { right: 90px; background: url(images/next_icon.png) no-repeat; width: 46px; height: 96px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); } .banner .slick-prev:before, .banner .slick-next:before { display: none; } .banner .slick-dots { background-color: rgba(255, 255, 255, 0.60); bottom: 0; height: 60px; line-height: 60px; padding: 15px 0; box-sizing: border-box; } .banner .slick-dots li { display: inline-block; width: 18px; height: 18px; background-color: #b93226; font-size: 0; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; margin: 0 10px; border: 2px solid transparent; } .banner .slick-dots li button { display: inline-block; background: transparent; border: none; padding: 0; width: 10px; height: 10px; } .banner .slick-dots li button:focus { outline: none; } .banner .slick-dots li button:before { display: none; } .banner .slick-dots li:hover, .banner .slick-dots li.slick-active{ background-color: transparent; border: 2px solid #b93226; } */ .banner_caption { width: 100%; position: absolute; top: 50%; max-width: 1130px; text-align: center; left: 0; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); margin: 0 auto; box-sizing: border-box; z-index: 2; } .banner_caption h1 { width: 100%; height: auto; line-height: normal; color: #ffffff; font-weight: 300; text-transform: uppercase; margin-bottom: 25px; line-height: 55px; } .bandescription { width: 100%; height: auto; font-family: 'Open Sans', sans-serif; color: #ffffff; margin: 0 auto; } .bandescription ul { margin: 0; padding: 0; list-style: none; } .bandescription ul li { display: inline-block; vertical-align: top; padding: 0 10px; width: 48.5%; } .bandescription ul li:first-child a { float: right; } .bandescription ul li:last-child a { float: left; background-color: #6688a9; color: #ffffff; } .bandescription ul li:last-child a:hover { background-color: #ffffff; color: #000000; } .bandescription p { color: #ffffff; font-size: 12px; } .btn { display: block; max-width: 188px; width: 100%; height: 46px; line-height: 46px; color: #000000; font-size: 20px; font-family: 'Open Sans', sans-serif; background: #e5e7e9; text-align: center; padding: 0 15px; box-sizing: border-box; } .btn:hover { background: #6688a9; color: #ffffff; } /*------ SET: FIRST SEC HERE-------*/ .firstsec { width: 100%; text-align: center; height: auto; box-sizing: border-box; text-align: center; padding: 68px 0 0; position: relative; } .midsec { position: relative; margin: 0 -15px; } .midsec h3 { display: inline-block; vertical-align: top; position: relative; margin-bottom: 25px; font-weight: normal; font-size: 28px; padding-bottom: 15px; } .midsec h4 { margin-bottom: 15px; } .midsec h4 a { color: #000000; } .midsec h4 a:hover { color: #41a594; } .midsec h3:after { position: absolute; bottom: 0; width: 100%; max-width: 165px; height: 1px; background-color: #f8b95c; left: 0; right: 0; margin: 0 auto; content: ""; } .midtext { display: block; vertical-align: top; margin-bottom: 25px; } .midtext p { font-size: 12px; } .midsec i { display: block; text-align: center; margin-bottom: 15px; } .midsec i img { max-width: 100%; width: auto; height: auto; margin: 0 auto; } .midcol { width: 50%; float: left; padding: 0 15px; position: relative; margin-bottom: 83px; box-sizing: border-box; text-align: center; } .midcolimg { position: relative; width: 100%; margin-bottom: 45px; } .midcolimg a { display: block; height: 100%; } .midcolimg img { position: relative; width: 100%; height: 100%; display: block; object-fit: cover; -webkit-object-fit: cover!important; -moz-object-fit: cover!important; -o-object-fit: cover!important; -ms-object-fit: cover!important; object-position: center; -webkit-object-position: center; -moz-object-position: center; -o-object-position: center; -ms-object-position: center; } .imgbtn { position: absolute; top: 15px; left: 15px; border: 1px solid #7a9457; border-radius: 5px; box-sizing: border-box; padding: 0 10px; color: #7a9457; font-size: 14px; line-height: 22px; font-family: 'Open Sans', sans-serif; font-weight: 300; box-sizing: border-box; } .midcoltext { width: 100%; padding: 0 15px; box-sizing: border-box; } .midcoltext p { color: #747474; font-size: 12px; line-height: 18px; padding-bottom: 0; } /*-------END: FIRST SEC HERE-----*/ /*------ SET: BLUE SEC HERE-------*/ .case_studise_sec { width: 100%; height: auto; display: inline-block; vertical-align: top; position: relative; box-sizing: border-box; } .case_studisemid h3 { display: inline-block; vertical-align: middle; width: 100%; color: #292929; font-size: 30px; line-height: normal; font-family: 'Open Sans', sans-serif; font-weight: 300; margin-bottom: 48px; } .case_slider { position: absolute; top: 50%; left: 0; right: 0; max-width: 1130px; width: 100%; height: auto; padding: 0 15px; margin: 0 auto; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); margin: 0 auto; box-sizing: border-box; z-index: 2; } .slide_img { position: relative; height: 573px; z-index: 2; } .slide_img:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.60); z-index: 1; } .slide_img img { display: block; width: 100%; max-width: 100%; height: 100%; object-fit: cover; object-position: center; -webkit-object-position: center; -moz-object-position: center; -o-object-position: center; -ms-object-position: center; } .slide_caption { width: 100%; max-width: 1130px; text-align: center; } .slide_caption h4 { width: 100%; height: auto; line-height: normal; color: #ffffff; font-weight: 300; text-transform: uppercase; margin-bottom: 25px; } .case_studise_slider { margin-bottom: 0!important; padding-bottom: 20px; } .case_slider .slide_caption .bandescription { max-width: 100%; } .case_studise_sec .slick-dots { bottom: 0; height: 20px; line-height: 20px; box-sizing: border-box; } .case_studise_sec .slick-dots li { display: inline-block; width: 10px; height: 10px; background-color: transparent; font-size: 0; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; margin: 0 2px; border: 1px solid #ffffff; } .case_studise_sec .slick-dots li button { display: none; } .case_studise_sec .slick-dots li button:focus { outline: none; } .case_studise_sec .slick-dots li button:before { display: none; } .case_studise_sec .slick-dots li:hover, .case_studise_sec .slick-dots li.slick-active{ background-color: #ffffff; border: 1px solid transparent; } /*------ END: BLUE SEC HERE-------*/ /*------ SET: SECOND SEC HERE-------*/ .secondsec { width: 100%; text-align: center; height: auto; box-sizing: border-box; text-align: center; padding: 100px 0 77px; position: relative; } .secondsec .midbtm { position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px 15px; box-sizing: border-box; color: #ffffff; font-family: 'Open Sans', sans-serif; font-weight: bold; font-size: 14px; text-transform: uppercase; text-align: left; background-color: transparent; } .midtop { position: absolute; top: 0; left: 0; width: 100%; padding: 10px 15px; box-sizing: border-box; background: rgba(0, 0,0, 0.60); color: #ffffff; font-family: 'Open Sans', sans-serif; font-weight: bold; font-size: 14px; text-transform: uppercase; text-align: left; } .secondsec .midbtm h4 { color: #ffffff; font-family: 'Open Sans', sans-serif; font-weight: bold; font-size: 14px; text-transform: uppercase; } .secondsec .midbtm h4 a { display: block; color: #ffffff; font-family: 'Open Sans', sans-serif; font-weight: bold; font-size: 14px; text-transform: uppercase; } .midtop h4 { color: #ffffff; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 14px; text-transform: capitalize; } .midtop h4 a { display: block; color: #ffffff; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 14px; text-transform: capitalize; } .midtop h4 img { height: 25px; display: block; width: auto; display: inline-block; vertical-align: middle; margin-right: 10px; } .dat { position: absolute; right: 0; top: 0; background-color: #ffffff; padding: 5px; color: #292929; font-family: 'Open Sans', sans-serif; font-weight: 500; font-size: 14px; } .midcoltext p { color: #747474; font-size: 12px; line-height: 18px; padding-bottom: 0; } .form_sec { max-width: 821px; width: 100%; margin: 0 auto; padding: 0 15px; } .form_sec ul { margin: 0; padding: 0; list-style: none; } .form_sec ul li { display: block; margin-bottom: 13px; } .form_sec ul li:nth-child(1) { width: 50%; float: left; padding-right: 5px; } .form_sec ul li:nth-child(2) { width: 50%; float: left; padding-left: 5px; } .form_sec ul li:nth-last-of-type(2) { margin-bottom: 25px; } .form_sec ul li input { width: 100%; height: 54px; border: 1px solid #e5e7e9; font-size: 15px; padding: 0 22px; } .form_sec ul li textarea { width: 100%; min-height: 120px; border: 1px solid #e5e7e9; font-size: 15px; padding: 10px 22px; } .form_sec ul li input.submit { width: 100%; height: 48px; border: none; font-size: 15px; color: #ffffff; text-transform: uppercase; background-color: #41a594; background-image: url(images/btn_arrow.png); background-position: 90% center; font-family: 'Open Sans', sans-serif; background-repeat: no-repeat; background-size: auto auto; max-width: 232px; margin: 0 auto; } .form_sec ul li input.submit:hover { background-color: #6688a9; color: #ffffff;} /*-------END: SECOND SEC HERE-----*/ /*------ SET: THIRD SEC HERE-------*/ .thirdsec { width: 100%; text-align: center; height: auto; box-sizing: border-box; text-align: center; position: relative; } .grid_sec { width: 100%; } .gallery_slider img { width: 100%; display: block; height: 100%; object-fit: cover; -webkit-object-fit: cover; -moz-object-fit: cover; -ms-object-fit: cover; -o-object-fit: cover; object-position: center; -webkit-object-position: center; -moz-object-position: center; -ms-object-position: center; -o-object-position: center; } .colgrid { height: 185px; } .thirdmid { position: relative; margin: 0 -15px; } .thirdmid h2 { display: inline-block; vertical-align: middle; width: 100%; margin-bottom: 65px; font-size: 35px; font-weight: bold; } .thirdleft { width: 50%; float: left; position: relative; box-sizing: border-box; text-align: left; box-sizing: border-box; padding: 0 15px; margin-bottom: 83px; } .thirdcontent { max-width: 575px; text-align: left; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); box-sizing: border-box; } .thirdcontent h3 { margin-bottom: 15px; margin-top: 0; font-size: 30px; font-weight: 300; } .thirdcontent p { margin-bottom: 25px; padding-bottom: 0; } .thirdcontent b { margin-bottom: 45px; font-size: 14px; font-weight: 600; color: #292929; display: block; } .thirdright { width: 50%; float: left; position: relative; box-sizing: border-box; padding: 0 15px; text-align: right; margin-bottom: 83px; } .thirdimg { position: relative; width: 100%; max-width: 659px; z-index: 2; } .thirdimg img { position: relative; width: auto; max-width: 100%; height: 100%; display: block; object-fit: cover; -webkit-object-fit: cover; -moz-object-fit: cover; -o-object-fit: cover; -ms-object-fit: cover; object-position: center; -webkit-object-position: center; -moz-object-position: center; -o-object-position: center; -ms-object-position: center; } .shopbtn { width: 100%; max-width: 211px; text-align: right; height: 48px; display: block; padding: 12px 25px; box-sizing: border-box; background-color: #f26d7d; border-radius: 7px; color: #ffffff; font-size: 18px; font-weight: bold; } .shopbtn:hover { color: #ffffff; background-color: rgba(15, 25, 34, 1); } .icon { width: 25px; float: left; } /*-------END: THIRD SEC HERE-----*/ /*-------Set: FOOTER HERE----------------*/ footer { width: 100%; height: auto; text-align: center; padding: 38px 0 50px; position: relative; box-sizing: border-box; } .flogo { width: 100%; } footer .socialsec { display: block; text-align: center; margin: 0 auto; } footer .contsec { margin-right: 0; margin-bottom: 15px; } footer .contsec ul li a i { margin-bottom: 0; } footer .midtext { margin-bottom: 0; } /********************END: FOOTER HERE********************/ /*-------Set: Breadcrumb----------------*/ /* .breadcrum { width: 100%; min-height: 80px; background: #f5f5f5; } .bread_heading h3 { font-size: 35px; line-height: 75px; font-family: "DINPro-Regular", sans-serif; color: #000000; margin: 0; } .bread { margin: 29px 0; text-align: right; } .bread ul { margin: 0; padding: 0; list-style: none; } .bread ul li { display: inline-block; position: relative; color: #000000; font-family: "DINPro-Regular", sans-serif; font-size: 16px; padding: 0 10px 0 0; } .bread ul li:last-child { padding-left: 3px; font-family: "DINPro-Medium", sans-serif; } .bread ul li:last-child a { padding-left: 3px; font-family: "DINPro-Medium", sans-serif; } .bread ul li:last-child::after { display: none; } .bread ul li a { display: block; color: #000000; font-family: "DINPro-Regular", sans-serif; font-size: 16px; } .bread ul li:after { position: absolute; top: 0; right: 0; content: "/"; color: #858389; font-family: "DINPro-Regular", sans-serif; font-size: 16px; } */ /*----------End: Breadcrumb-----------*/ /*------------------SET: INNER 1-----------------------*/ .enquiry_btn { width: 100%; display: block; margin: 0 auto; height: 48px; line-height: 48px; border: none; font-size: 15px; color: #ffffff; text-transform: uppercase; background-color: #41a594; background-image: url(images/btn_arrow.png); background-position: 90% center; font-family: 'Open Sans', sans-serif; background-repeat: no-repeat; background-size: auto auto; max-width: 188px; margin: 0 auto; } .enquiry_btn:hover { background-color: #6688a9; color: #ffffff;} .fullimg_sec { width: 100%; } .fullimg_sec img { width: 100%; height: auto; display: block; } .gallery_sec { width: 100%; padding-bottom: 64px; } .gallery_sec ul { margin: 0 -6px; padding: 0; list-style: none; } .gallery_sec ul li { width: 33.33%; float: left; margin-bottom: 12px; padding: 0 6px; } .gallery_sec ul li a { display: block; height: 100%; } .gallery_sec ul li a img { display: block; width: 100%; height: 100%; object-fit: cover; -webkit-object-fit: cover; -moz-object-fit: cover; -ms-object-fit: cover; -o-object-fit: cover; object-position: center; -webkit-object-position: center; -moz-object-position: center; -ms-object-position: center; -o-object-position: center; } .gallery_sec ul li .midcolimg { margin-bottom: 35px; min-height: 237px; height: auto; } .gallery_sec ul li .midcoltext { margin-bottom: 35px; } .gallery_sec ul li .midcoltext h6 { margin-bottom: 15px; } /*=====FORM SEC DEFAULT=====*/ .form_sec span.wpcf7-not-valid-tip { text-align: left; } /*=====FORM SEC DEFAULT=====*/ /*WordPress*/ .postContentDefault { margin-bottom: 30px;} .page-template-default .banner.inner { margin-bottom: 30px;} .page-template-default .banner.inner .ban_img { height: 525px; } nav.pagination { width: 100%; display: inline-block; vertical-align: top; } nav.pagination h2.screen-reader-text { display: none; }