/* TABLET - SMALL SCREEN PC */ @media screen and (min-width:767px) { /*input,textarea,select { -webkit-appearance: !important; }*/ } @media screen and (min-width:767px) and (max-width: 1023px) { input,select,textarea { /*-webkit-appearance: none;*/ border-radius: 0; } /* HEADER */ #header_container { width: 100%; } #main_header { width: 700px; padding: 0px 20px; } #top_searchbox { width: 70px;} .active #top_searchbox { z-index: 4; height: 60px; width: 700px; position: absolute; top: -20px; right: -5px; font-size: 25px; } .active button { z-index: 5; } /* CONTENT */ #content_area { width: 740px; padding-top: 100px; padding-bottom: 20px; } .content-wrap { width: 700px; padding: 0px 20px; } /* CONTENT AREA */ .content-area { width: 480px; } .content-header { width: 480px; } .title-thumb .content-title { margin-top: -50px; } .content-title h1, .content-title h1 a { font-size: 44px; padding-bottom: 5px; } .post-info { font-size: 14px; padding: 5px 0px; } .post-info .icon { margin-right: 0px; font-size: 15px; } .post-info a { font-size: 14px; } .post-info .post-info-box { margin: 0px 5px; } /* COMMENTS */ .comment_box { padding: 20px; padding-left: 80px; } .comment_wrap .avatar_wrap { left: 15px; top: 15px; } .avatar_wrap .avatar { width: 47px; height: 47px; border-width: 3px; } .comment_wrap .comment_author, .comment_wrap .comment_author a { font-size: 16px; } /* SIDEBAR */ .sidebar { width: 200px; } /* WIDGET INPUT */ .widget-search { width: 160px; } .widget-search button { right: -20px; } .sidebar-widget input, .sidebar-widget select { width: 165px; margin: 20px 10px; } /* FULL WIDTH */ .fullwidth .content-area { width: 700px; float: none; } .fullwidth .content-header { width: 700px; } /* CONTACT */ .npr_contact_form input[type="text"] { width: 300px; } .npr_contact_form textarea { width: 410px; height: 100px; } .npr_contact_form input.errn { width: 120px; } .npr_contact_info { float: none; } .npr_contact_maps { float: none; } ._box_maps_box_info .npr_contact_maps { width: 98%; height: 275px; } ._box_maps_box_info .npr_contact_info { width: 98%; margin-right: 15px; } .fullwidth ._box_maps .npr_contact_maps, ._box_maps .npr_contact_maps { width: 100%; height: 275px; } .fullwidth ._box_info .npr_contact_info, ._box_info .npr_contact_info { width: 100%; } .fullwidth ._box_maps_box_info .npr_contact_maps { width: 400px; float: left; } .fullwidth ._box_maps_box_info .npr_contact_info { width: 270px; float: left; } .fullwidth .npr_contact_form input[type="text"] { width: 350px; } .fullwidth .npr_contact_form textarea { width: 550px; } .fullwidth .npr_contact_form input.errn { width: 120px; } /* SITEMAP */ .not_fullwidth .sitemap .clmn { width: 48%; margin-right: 2%; } .not_fullwidth .sitemap .clmn:last-child { margin-right: 0; } /* GALLERY */ /*.gallery-small li { width: 140px; padding: 10px; } .gallery-medium li { width: 210px; padding: 15px; } .gallery-large li { width: 440px; padding: 20px; } .fullwidth .gallery-small li { width: 155px; padding: 10px; } .fullwidth .gallery-medium li { width: 203px; padding: 15px; } .fullwidth .gallery-large li { width: 310px; padding: 20px; }*/ /* POST LIST */ .post_list .title-thumb .content-title h1 { padding-top: 5px; font-size: 33px; padding-bottom: 5px; } .post_list .content-title h1, .post_list .content-title h1 a { font-size: 33px; } .post_list .post-info { font-size: 14px; } .post_list .post-info a { font-size: inherit; } .post_list .post-info .icon { font-size: 14px; } /* TOP INFO */ #top_info { height: 150px; } .top_first_title_ok { opacity: 1 !important; top:30px !important; } .top_first_title_ok_b { opacity: 1 !important; top:48px !important; } .top_small_title_ok { opacity: 1 !important; bottom: 30px !important; } /* BREADCRUMB */ #breadcrumb { padding: 17px 20px; } .onlybreadcrumb { margin-bottom:20px; } /* FOOTER */ #footer { width: 100%; top:-52px; } #footer_menu { width: 740px; top:-10px; } #footer #sirlorem_copyright { width: 100%; font-size: 13px; } #footer #sirlorem_copyright a { font-size: 13px; } #footer_nav { margin-left: 20px; } #sm_container { margin-right: 18px; } #footer_widgets { width: 740px; } .footer_widget { width: 206px; margin: 20px; } /* GALLERY */ .gallery-small li h2 { font-size: 18px; margin-bottom: 9px; } .gallery-medium li h2 { font-size: 20px; margin-bottom: 11px; } .gallery-large li h2 { font-size: 22px; margin-bottom: 13px; } /* HOME */ #npr_home_slider h1 a { font-size: 65px; } #npr_home_slider .slider_content { font-size: 19px; width: 90%; margin-left: 5%; line-height: 28px; } .bx-wrapper .bx-prev { left:0 !important; } .bx-wrapper .bx-next { right: 0 !important; } .npr_home_miniboxes { margin: 20px; } .npr_home_tab_panel { margin: 20px; } .npr_home_tab_contents { padding: 20px; } .npr_home_tabs li a { padding: 20px 13px; font-size: 14px; } } /* SMARTPHONE */ @media screen and (max-width: 767px) { input,textarea,select { /*-webkit-appearance: none;*/ border-radius: 0; } /* HEADER */ #header_container { height: 110px; width: 100%; box-shadow: none; -webkit-box-shadow: none; } #main_header { height: 110px; padding: 0px; width: 100%; box-shadow: none; -webkit-box-shadow: none; } a#logo { width: 100%; height: 70px; text-align: center; padding-top: 5px; display: block; float: none; } #main_nav { display: none; } #top_search { display: none; } #mobile_header { clear: both; /*display: table;*/display: block; width: 100%; height: 40px; background: white; position: relative; -webkit-box-shadow: inset 0px 0px 20px 0px rgba(237, 237, 237, .75); box-shadow: inset 0px 0px 20px 0px rgba(237, 237, 237, .75); } #mobile_header a.mobile_menu { width: 20px; padding: 10px; text-align: center; display: block; color: #e77712; position: absolute; top: 0; } #mobile_header a.mobile_menu i { font-size:20px; } #mobile_header a.mobile_menu span { display: none; } #mobile_search { height: 40px; padding-left: 40px; padding-right: 92px; } #top_mobile_searchbox { padding: 4px; width: 100%; margin-top: 5px; border: 1px solid #ededed; outline: none; font-size: 12px; height: 20px; -webkit-appearance: none;border-radius: 0;} #mobile_search button { width: 15px; height: 15px; background: transparent url('images/search_btn.png') center center no-repeat; border: none; position: absolute; right: 88px; top: 13px; text-indent: -9999px; } #mobile_menu { left: 0px; } #mobile_call { right: 40px; } #mobile_location { right: 0px; } .nobutton #mobile_search { padding-right: 15px !important; } .nobutton #mobile_search button { right: 11px !important; } .onebutton #mobile_search { padding-right: 50px !important; } .onebutton #mobile_search button { right: 48px !important; } .onebutton #mobile_call, .onebutton #mobile_location { right: 0 !important; } /* HEADER MENU */ #mobile_header_nav_open { display: none; width: 100%; position: absolute; top: 40px; left: 0px; background: white; } #mobile_header_nav_open ul { width: 100%; border-top: 1px solid #ededed; } #mobile_header_nav_open ul > li { width: 100%; border-bottom: 1px solid #ededed; } /*#mobile_header_nav_open ul > li:last-child { border: none !important; }*/ #mobile_header_nav_open ul > li > a { display: block; vertical-align: middle; line-height: 50px; height: 50px; padding: 0px 14px; font-size: 14px; color: #777777; font-weight: 400; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } #mobile_header_nav_open ul > li > a:hover, #mobile_header_nav_open ul > li.current-menu-item > a, #mobile_header_nav_open ul > li.current-page-parent > a { color: #e77712; background: white; -webkit-box-shadow: inset 0px 0px 20px 0px rgba(237, 237, 237, .75); box-shadow: inset 0px 0px 20px 0px rgba(237, 237, 237, .75); } #mobile_header_nav_open ul > li > a:hover { padding-left: 25px; } #mobile_header_nav_open ul > li > a .fa-chevron-right { margin-right: 10px; font-size: 10px; } #mobile_header_nav_open ul > li > a:hover .fa-chevron-right, #mobile_header_nav_open ul > li.current-menu-item > a .fa-chevron-right, #mobile_header_nav_open ul > li.current-page-parent > a .fa-chevron-right { color: #e77712; } /*******SUBMENU*/ #mobile_header_nav_open ul > li > ul.sub-menu { /*margin-left: 10px;*/ border-top: 1px solid #ededed; visibility: hidden; display: none; z-index: 3; width: 100%; /*position: absolute; */opacity: 0; border: none; } #mobile_header_nav_open ul > li > ul.sub-menu > li { border-bottom: 1px solid #ededed; float: none !important; margin: 0px; padding: 0px; } /*#mobile_header_nav_open ul > li > ul.sub-menu > li:last-child { border-bottom: none; }*/ #mobile_header_nav_open ul > li > ul.sub-menu > li > a { height: 50px; line-height: 50px; display: block; vertical-align: middle; color: #777; background: white; font-weight: 400; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; text-indent: 10px; } #mobile_header_nav_open ul > li:hover > ul.sub-menu { visibility: visible; display: block; opacity: 1; height: auto; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } /******************SUBSUBMENU*/ #mobile_header_nav_open ul > li > ul.sub-menu > li > ul.sub-menu { border-top: 1px solid #ededed; float: none; /*margin-left: 10px;*/ /*border: 1px solid #ededed; border-bottom: 1px solid #ededed;*/ } #mobile_header_nav_open ul > li > ul.sub-menu > li > ul.sub-menu > li { border-bottom: 1px solid #ededed; } #mobile_header_nav_open ul > li > ul.sub-menu > li > ul.sub-menu > li:last-child { border-bottom: none !important; } /* CONTENT AREA */ #content_area { width: 100%; min-height: 200px; /*box-shadow: none; -webkit-box-shadow: none; */padding-top: 85px; /*padding-left: 3%; padding-right: 3%;*/ } .content-wrap { width: 94%; padding: 0; padding-left: 3%; padding-right: 3%; } .content-area { float: none; width: 100%; /*overflow: hidden; */} .content-header { width: 100%; } .content-title h1, .content-title h1 a { font-size: 33px; } .title-thumb .content-title { margin-top: 0px; } /* SIDEBAR */ .sidebar { width: 94%; float: none; margin: 20px auto; } /* WIDGET INPUT */ .widget-search { width: 96%; } .widget-search button { right: 2%; } .sidebar-widget input, .sidebar-widget select { width: 94%; margin: 20px 3%; } /* COMMENTS */ .posts_nav div, .comments_nav div { margin: 10px 0px; } .posts_nav a, .comments_nav a { font-size: 14px; } .commentlist { width: 89%; } .comment_box { width: 82%; margin-left: 5px; padding: 15px; padding-left: 55px; } .comment_wrap .avatar_wrap { top: 15px; left: 15px; } .avatar_wrap .avatar { width: 30px; height: 30px; border-width: 2px; } .comment_wrap .comment_author, .comment_wrap .comment_author a { font-size: 14px; } .comment_wrap .comment_text { font-size: 13px; } .comment .children { margin-left: 10px; } #respond #comment { width: 89%; margin-left: 2px; } #comment_error { padding: 5px 0px; display: block; } #cancel-comment-reply-link { display: block; } /* FULL WIDTH */ .fullwidth .content-area { width: 100%; float: none; } .fullwidth .content-header { width: 100%; } /* CONTACT */ .fullwidth .npr_contact_form input[type="text"], .npr_contact_form input[type="text"] { width: 93%; } .fullwidth .npr_contact_form textarea, .npr_contact_form textarea { width: 93%; height: 100px; } .fullwidth .npr_contact_form input.errn, .npr_contact_form input.errn { width: 120px; } .npr_contact_info { float: none; } .npr_contact_maps { float: none; } .fullwidth ._box_maps_box_info .npr_contact_maps, ._box_maps_box_info .npr_contact_maps { width: 98%; height: 275px; } .fullwidth ._box_maps_box_info .npr_contact_info, ._box_maps_box_info .npr_contact_info { width: 98%; margin-right: 15px; } .fullwidth ._box_maps .npr_contact_maps, ._box_maps .npr_contact_maps { width: 100%; height: 275px; } .fullwidth ._box_info .npr_contact_info, ._box_info .npr_contact_info { width: 100%; } /* SITEMAP */ .sitemap .clmn { width: 100%; float: none; margin-bottom: 25px; } .sitemap .clmn:last-child { margin-right: 0; } .sitemap .clmn ul { margin-left: 10px; } /* POST LIST */ .post-info { font-size: 11px; padding: 2px 0px; } .post-info .icon { margin-right: 0px; font-size: 11px; } .post-info a { font-size: 11px; } .post-info .post-info-box { margin: 0px 0px; } .post_list .post-info { font-size: 11px; } .post_list .post-info a { font-size: 11px; } .post_list .post-info .icon { font-size: 11px; } /* TOP INFO */ #top_info { height: 90px; } #top_first_title { font-size: 33px; } #top_small_title { font-size: 16px; } .top_first_title_ok { opacity: 1 !important; top:12px !important; } .top_first_title_ok_b { opacity: 1 !important; top:25px !important; } .top_small_title_ok { opacity: 1 !important; bottom: 15px !important; } .topinfo_extra { display: none; } /* BREADCRUMB */ #breadcrumb { padding: 17px 20px; margin-top: -20px; padding: 13px 10px; } #breadcrumb, #breadcrumb a { font-size: 14px; } /* FOOTER */ #footer { width: 100%; } #footer_menu { width: 100%; } #footer_nav { display: none; } #footer #sirlorem_copyright { width: 100%; font-size: 13px; } #footer #sirlorem_copyright a { font-size: 13px; } #mobile_footer { display: block; float: left; } #mobile_footer a.mobile_menu { width: 20px; padding: 10px; text-align: center; display: inline-block; color: #777777; } #mobile_footer a.mobile_menu i { font-size:20px; } #mobile_footer a.mobile_menu span { display: none; } #sm_container { margin-right: 8px; } /* FOOTER MENU */ #mobile_footer_nav_open { display: none; width: 100%; position: absolute; bottom: 40px; left: 0px; } #mobile_footer_nav_open ul { width: 100%; border-top: 1px solid #ededed; background: white; } #mobile_footer_nav_open ul > li { width: 100%; border-bottom: 1px solid #ededed; } #mobile_footer_nav_open ul > li:last-child { border: none !important; } #mobile_footer_nav_open ul > li > a { display: block; vertical-align: middle; line-height: 50px; height: 50px; padding: 0px 14px; font-size: 14px; color: #777777; font-weight: 400; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } #mobile_footer_nav_open ul > li > a:hover, #mobile_footer_nav_open ul > li.current-menu-item > a, #mobile_footer_nav_open ul > li.current-page-parent > a { color: #e77712; background: white; -webkit-box-shadow: inset 0px 0px 20px 0px rgba(237, 237, 237, .75); box-shadow: inset 0px 0px 20px 0px rgba(237, 237, 237, .75); } #mobile_footer_nav_open ul > li > a:hover { padding-left: 25px; } #mobile_footer_nav_open ul > li > a .fa-chevron-right { margin-right: 10px; font-size: 10px; } #mobile_footer_nav_open ul > li > a:hover .fa-chevron-right, #mobile_footer_nav_open ul > li.current-menu-item > a .fa-chevron-right, #mobile_footer_nav_open ul > li.current-page-parent > a .fa-chevron-right { color: #e77712; } /*******SUBMENU*/ #mobile_footer_nav_open ul > li > ul.sub-menu { border-top: 1px solid #ededed; visibility: hidden; display: none; z-index: 3; width: 100%; /*position: absolute; */opacity: 0; border: none; } #mobile_footer_nav_open ul > li > ul.sub-menu > li { border-bottom: 1px solid #ededed; float: none !important; margin: 0px; padding: 0px; } #mobile_footer_nav_open ul > li > ul.sub-menu > li:last-child { border-bottom: none; } #mobile_footer_nav_open ul > li > ul.sub-menu > li > a { height: 50px; line-height: 50px; display: block; vertical-align: middle; color: #777; background: white; font-weight: 400; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; text-indent: 10px; } #mobile_footer_nav_open ul > li:hover > ul.sub-menu { visibility: visible; display: block; opacity: 1; height: auto; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } /******************SUBSUBMENU*/ #mobile_footer_nav_open ul > li > ul.sub-menu > li > ul.sub-menu { border-top: 1px solid #ededed; float: none; /*border: 1px solid #ededed; border-bottom: 1px solid #ededed;*/ } #mobile_footer_nav_open ul > li > ul.sub-menu > li > ul.sub-menu > li { border-bottom: 1px solid #ededed; } #mobile_footer_nav_open ul > li > ul.sub-menu > li > ul.sub-menu > li:last-child { border-bottom: none !important; } /* FOOTER WIDGET */ #footer_widgets { width: 100%; float: none; margin: 0 auto; padding: 3%; box-sizing: border-box; -moz-box-sizing: border-box; } .footer_widget { width: 94%; margin: 20px 3%; } /* GALLERY */ .gallery-small li h2 { font-size: 13px; margin-bottom: 7px; } .gallery-medium li h2 { font-size: 15px; margin-bottom: 9px; } .gallery-large li h2 { font-size: 16px; margin-bottom: 11px; } .gallery-list li p { font-size: 85%; line-height: normal; } /* AUTHOR */ .authorWrap .authorName { font-size: 18px; } /* HOME */ #npr_home_slider h1 a { font-size: 50px; } #npr_home_slider .slider_content { font-size: 19px; width: 90%; margin-left: 5%; line-height: 28px; } .bx-wrapper .bx-prev { display: none; } .bx-wrapper .bx-next { display: none; } .npr_home_miniboxes { margin: 20px; } .npr_home_miniboxes .npr_home_minibox { float: none; margin-bottom: 20px; } .npr_home_miniboxes .w100 , .npr_home_miniboxes .w50 , .npr_home_miniboxes .w33 , .npr_home_miniboxes .w25 { width: 100%; margin-left: 0; margin-right: 0; } .npr_home_tab_panel { margin: 20px; } .npr_home_tab_contents { padding: 20px; } .npr_home_tabs li { float: none; width: 100%; } .npr_home_tabs li a { padding: 15px; font-size: 14px; } } @media screen and (max-width: 567px) { /* AUTHOR */ .authorBox { padding-left: 75px; } .authorAvatar .avatar { width: 55px; height: 55px; border-width: 3px; } .authorWrap .authorName { font-size: 18px; } #npr_home_slider h1 a { font-size: 42px; } #npr_home_slider .slider_content { font-size: 17px; width: 90%; margin-left: 5%; line-height: 26px; } } body, * { -webkit-text-size-adjust: none; }