/*! Theme Name: Alphabet Theme Theme URI: http:// Description: Free Corporate, Blog or Portfolio Theme. Share your awesome content with Alphabet WordPress Theme. Author: Axisway Author URI: webstarter.com.ua/city_usial Version: 1.0 Tags: white, light, clean, green, custom background, slider, custom header, theme options, custom menu, shortcodes, page builder, editor style,featured image, flexible header, two columns, responsive layouts, right sidebar, left sidebar, custom colors, threaded comments License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0) License URI: http://creativecommons.org/licenses/by-sa/3.0/ */ @import url('css/reset.css'); /** * 1.0 General (after "reset.css") * ----------------------------------------------------------------------------- */ body { background-color:#FFF; padding:0px; margin:0px; font-size:12px; font-family: Roboto; font-weight:400; color:#849097; overflow:scroll; } .clear_fix { clear:both;} .container { /*width:1024px;*/ margin:0 auto; } a { color:#3bc0c3;} h1, h2, h3, h4, h5, h6 { color:#333; font-weight:100; } h1 { font-size:24px; } h2 { font-size:20px; } h3 { font-size:18px; } h4 { font-size:16px; } h5 { font-size:14px; } h6 { font-size:13px; } p { font-size:13px; line-height:20px; margin:7px 0; } li { font-size:14px; line-height:25px;} li { line-height:30px; color:#939598; padding-left:15px; } #breadcrumb { margin-top:15px; margin-bottom:15px;} #h1-primary #breadcrumb { margin:0;} #breadcrumb li{list-style:none;display:inline-block;margin-right:0px; padding-left:0; padding-right:15px;} .br_top { margin-top:40px;} .nav-menu li { padding-left:0px;} .menu li { padding-left:0px;} input, select { border-style: solid; border-width:1px; border-color:#d8e1e3; padding:10px 0px 10px 10px; width:100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } select { color:#888; } .animation-screen { visibility:hidden;} .animated { visibility:visible;} .delay-0_5s { -webkit-animation-delay: .5s; -moz-animation-delay: .5s; -o-animation-delay: .5s; animation-delay: .5s; } .delay-1_0s { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; } .delay-1_5s { -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; -o-animation-delay: 1.5s; animation-delay: 1.5s; } .delay-2_0s { -webkit-animation-delay: 2s; -moz-animation-delay: 2s; -o-animation-delay: 2s; animation-delay: 2s; } .delay-2_5s { -webkit-animation-delay: 2.5s; -moz-animation-delay: 2.5s; -o-animation-delay: 2.5s; animation-delay: 2.5s; } .delay-3_0s { -webkit-animation-delay: 3s; -moz-animation-delay: 3s; -o-animation-delay: 3s; animation-delay: 3s; } #primary-content { min-height:700px; } #primary-content li em { color:#3bc0c3; margin-right:5px;} .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .container:before, .container:after { display: table; content: " "; } .container:after { clear: both; } .container:before, .container:after { display: table; content: " "; } .container:after { clear: both; } .toppr_slider { margin-top:0px;} .toppr_slider .slide { height:350px; background-size:cover; background-position:center;} .activare_team_slider li.slide { margin-bottom:50px; } .activare_team_slider .slider-nav { bottom:0; } .dm_ulial_slide { padding-bottom:30px;} .dm_ulial_slide .slider-nav{ bottom:30px; } .dm_ulial_slide li { min-height:60px; text-align:left; } .slider-arrows span { position:relative; font-size:35px } .slider-arrows i { position: absolute; font-size:20px; left:9px; top:7px; } .dm_ulial_slide .slider-arrow--right { right:-20px;} .dm_ulial_slide .slider-arrow--left { left:-20px;} .testim_table { color:#FFF;} .testim_table td { text-align:center; vertical-align:middle; } .testim_table .dm_quote { font-size:35px;} .testim_table .dm_testim_descr { font-style:italic; margin-bottom:10px; margin-top:50px; } .testim_table .dm_testim_name { font-weight:bold; margin-bottom:50px; } .portfolio_abc { background-color:#edf1f2; text-align:center; color:#849097; font-size:12px; line-height:24px; padding:170px 40px;} .portfolio_abc h2 { color:#000000; font-size:36px; padding:0 0 25px 0;} .portfolio_abc p {color:#849097; font-size:12px; line-height:24px;} .portfolio_abc_nav { text-align:center; } .pf_abc_prev, .pf_abc_list, .pf_abc_next { display:inline-block; } .pf_abc_list span { border-style: solid; border-color:#3bc0c3; border-width:1px; line-height:40px; width:40px; text-align:center; display:inline-block; color:#3bc0c3; font-size:20px; margin:10px 10px; cursor:pointer; } .pf_abc_prev:hover, .pf_abc_list span:hover, .pf_abc_next:hover { background-color:#3bc0c3; color:#FFF;} .pf_abc_prev, .pf_abc_next { border-style: solid; border-color:#3bc0c3; border-width:1px; line-height:40px; padding:0 20px; text-align:center; color:#3bc0c3; font-size:20px; margin:10px 10px; cursor:pointer;} ul.portfolio_abc_filter { margin:0 auto; text-align: center; margin:50px 0;} .portfolio_abc_filter li { line-height:35px; color:#849097; display:inline-block; border-style:solid; border-color:#b6c2c9; border-width:1px 0 1px 1px; padding:0 25px; margin:0; word-spacing:normal; margin-left:-3px;} .portfolio_abc_filter li:hover { background-color:#b6c2c9; color:#FFF; cursor:pointer;} .portfolio_abc_filter li.active { background-color:#b6c2c9; color:#FFF; } .portfolio_abc_filter li:first-child { border-radius: 5px 0 0 5px;} .portfolio_abc_filter li:last-child { border-right-width:1px; border-radius: 0 5px 5px 0;} .portfolio_abc_lister { } .portfolio_abc_lister li { width:33.3%; float:left; position:relative; padding: 0 10px 20px 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .portfolio_abc_container { cursor:pointer; position:relative; display:block; } .portfolio_abc_previev { height:200px; background-color:#edf1f2; background-size:cover; background-position:center; } .portfolio_abc_info { height:200px; background-color:#3bc0c3; position:absolute; width:100%; top:0; left:0; display:none;} .portfolio_abc_info h3 { color:#FFF; padding:30px 30px 0 30px; font-size:24px;} .portfolio_abc_info p { color:#FFF; padding:0 30px; font-size:13px; line-height:24px;} .portfolio_abc_info span { position:absolute; bottom:10px; left:50%; display:inline-block; color:#FFF; font-size:60px; margin-left:-30px;} .portfolio_abc_info i { position:absolute; bottom:27px; left:50%; color:#3bc0c3; font-size:25px; margin-left:-10px;} .slige_gl_title { margin: 0 0 0px 0; margin-top:100px; padding: 5px; padding-left: 10px; padding-right: 10px; font-size: 3em; font-family: 'Raleway', sans-serif; font-weight: 700; color: #fff; text-transform: uppercase; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); line-height: 1.4em; background: rgba(0,0,0,0.6); display:inline-block; } .slige_gl_description { background: rgba(59, 192, 192, 0.8); color: #fff; font-size: 17px; margin-bottom: 10px; overflow: hidden; font-weight: 600; font-family: 'Raleway', sans-serif; padding: 10px; padding-left: 10px; padding-right: 10px; line-height: 23px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8); display:inline-block; } .slige_gl_read_more a { font-family: 'Raleway', sans-serif; font-size: 25px; color: #fff; display: inline-block; transition: all 0.4s ease 0s; padding: 10px 10px 10px 10px; -webkit-transition: all ease 0.8s; -moz-transition: all ease 0.8s; transition: all ease 0.8s; margin-bottom: 20px; box-shadow: 0px !important; border: 2px solid #3BC0C3; background-size: 100% 200%; background-color: #31A3DD; background-image: linear-gradient(to bottom, #3BC0C3 50%, #fff 50%); } .slider-arrowl-cg { bottom: 55%; left: 30px; } .slider-arrowr-cg { bottom: 55%; right: 30px; } .slider-arrowl-cg i, .slider-arrowr-cg i { font-size:40px; color:#FFF; opacity:0.8; text-shadow: 0 0 5px rgba(0, 0, 0, 0.1);} .slider { position: relative; width: 100%; overflow: hidden; position:relative; text-align:center; } .slides { height: 100%; /* Simple clear fix */ /*overflow: hidden;*/ /** * Prevent blinking issue * Not tested. Experimental. */ -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; /** * Here is CSS transitions * responsible for slider animation in modern broswers */ -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); } .slide { height: 100%; float: left; clear: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin:0; padding:0;} .slider-arrows {} .slider-arrow {position: absolute; display: block; margin-bottom: -20px; padding: 20px; } .slider-arrow--right { bottom: 50%; right: 30px; } .slider-arrow--left { bottom: 50%; left: 30px; } .slider-nav { position: absolute; bottom: 30px; } .slider-nav__item { width: 10px; height: 10px; float: left; clear: none; display: block; margin: 0 5px; background: #CCC; border-style:solid; border-color:#FFF; border-width:6px; border-radius:50%; } .slider-nav__item:hover { background: #ff8500; } .slider-nav__item--current { background: #ff8500; } /** * 1.0 Comming Soon * ----------------------------------------------------------------------------- */ #comming_soon_page h1 { text-align:center; font-size:50px; line-height:60px; font-weight:100; margin:70px 0 20px 0; color:#838383; } #comming_soon_page p { text-align:center; font-size:18px; color:#838383; line-height:22px; margin-bottom:40px; } #coutnter_down div.comming_time { float:left; width:25%; text-align:center;} #coutnter_down div.comming_time span {border-style:solid; border-color:#8698a2; border-width:2px; border-radius:50%; width:200px; line-height:200px; font-size:25px; display:block; color:#8698a2; font-weight:bold; font-size:45px; margin:0 auto; } #comming_soon_page div.comming_time p { margin:22px 0 45px 0; font-size:18px; color:#8698a2l; text-transform:uppercase; } #commentform input[type="text"] { padding-left:10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} #comming_subscribe { width:40%; margin:0 auto; padding-bottom:50px; padding-top:50px; text-align:center;} #comming_subscribe input[type="text"] { width:100%; border-width:2px; border-color:#c1c1c1; padding:20px; border-radius:2px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} /** * 1.0 Shortcodes * ----------------------------------------------------------------------------- */ .box_style_01 { background-color:#edf1f2; text-align:center; padding:30px 30px 50px 30px; margin-top:70px;} .icone_back_block01 { color:#FFF; font-size:100px; margin-top:-79px;} .icone_form_block01 { margin-top:-70px; font-size:70px;} .icone_form_in_block01 { margin-top:-85px; font-size:70px; color:#FFF} .icone_block01 { margin-top:-50px; font-size:25px; color:#3bc0c3;} .content_block01 h3 { color:#000; font-size:16px; text-transform:uppercase; text-align:center; padding:75px 0 25px 0; font-weight:normal} .content_block01 a { padding:10px 40px; border-style:solid; border-color:#3bc0c3; border-width:1px; border-radius:5px; color:#3bc0c3; margin-top:50px;} .content_block01 a:hover { color:#FFF; background-color:#3bc0c3;} .box_style_01:hover a { background-color:#3bc0c3; color:#FFF;} .box_style_01:hover .icone_form_in_block01, .box_style_01:hover .icone_form_block01 { color:#3bc0c3; /* transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; /** Chrome & Safari **/ /* -moz-transition: all 0.5s ease-in-out; /** Firefox **/ /* -o-transition: all 0.3s ease-in-out; /** Opera **/ /* -webkit-animation-name: spin; -webkit-animation-duration: 2500ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 2500ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 2500ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: spin; animation-duration: 2500ms; animation-iteration-count: infinite; animation-timing-function: linear;*/ } @-ms-keyframes spin { from { -ms-transform: rotate(0deg) scale(1.7); } to { -ms-transform: rotate(360deg) scale(1.7); } } @-moz-keyframes spin { from { -moz-transform: rotate(0deg) scale(1.7); } to { -moz-transform: rotate(360deg) scale(1.7); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg) scale(1.7); } to { -webkit-transform: rotate(360deg) scale(1.7); } } @keyframes spin { from { transform:rotate(0deg) scale(1.7); } to { transform:rotate(360deg) scale(1.7); } } /* transform: scale(1.1) translate(0,20px); -webkit-transform: scale(1.1) translate(0,20px); -o-transform: scale(1.1) translate(0,20px); -moz-transform: scale(1.1) translate(0,20px); */ .box_style_01:hover .icone_block01 { color:#FFF;} .icon_builder_content_block02 { text-align:center;} .icon_builder_content_block02 div { width:100px;} .box_style_02 { position:relative;} .box_style_02:hover .icone_form_block02 { color:#FFF} .box_style_02:hover .icone_block02 { color:#3bc0c3} .box_style_02:hover .icone_back_block02 { /*color:#3bc0c3; transform: scale(1.1) rotate(180deg); -webkit-transform: scale(1.1) rotate(180deg); -o-transform: scale(1.1) rotate(180deg); -moz-transform: scale(1.1) rotate(180deg); position: absolute; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; /** Chrome & Safari **/ /*-moz-transition: all 0.5s ease-in-out; /** Firefox **/ /* -o-transition: all 0.3s ease-in-out; /** Opera **/ } .icone_back_block02 { color:#e3e9ea; font-size:90px; position:absolute; top:0px; left:0px;} .icone_form_block02 { font-size:70px; position:absolute; top:10px; left:0px; color:#3bc0c3;} .icone_block02 { font-size:35px; position:absolute; color:#FFF; top:25px; left:0px;} .content_block02 { padding-left:100px; position:relative} .content_block02 h3 { color:#000; font-size:16px; font-weight:normal; padding:5px 0 10px 0} .list_icon_default { margin-right:15px; color:#3bc0c3; font-size:16px;} .h4hole { font-size:20px;} .box_style_03 { background-color:#FFF; text-align:center; margin-top:140px;} .box_style_03 h4 { color:#3bc0c3; padding:40px 0 10px 0; font-size:18px; font-weight: bold;} .box_style_03 span { display:block; font-weight:100; color:#b6c2c9; font-size:12px; padding-bottom:25px;} .face_box_style_03 img {border-style:solid; border-color:#edf1f2; border-width:10px; border-radius:50%; margin-top:-100px;} .social_people { background-color:#3bc0c3; margin-top:35px; padding:5px 0; visibility:hidden} .box_style_03:hover .social_people {visibility: visible;} .box_style_03:hover img { border-width:20px; margin-top:-110px;} .box_style_03:hover h4 { padding-top:30px;} .social_people a { color:#FFF; border-style:solid; border-color:#3bc0c3; border-width:1px; border-radius:50%; font-size:20px; display:block; float:left; width:40px; height:30px; margin:0 2px; padding-top:5px; padding-bottom:5px;} .social_people a:hover { background-color:#b6c2c9; border-color:fff; cursor:pointer;} .box_style_03 .space { padding:0 45px;} .wpap_align { margin:0px auto; width:230px;} .box_style_04 { position:relative; text-align:center; min-height:360px; width:100%;} .prima_hex_box_style_04 { position:absolute; font-size:300px; color:#3bc0c3; margin-top:25px; width:100%;} .small_hex_block04 { position:absolute; width:100px; height:100px; top:0; left:170px} .icone_back_block04 { color:#FFF; font-size:100px;} .icone_form_in_block04 { font-size:70px; color:#fff; margin-top:-95px;} .icone_form_block04 { font-size:70px; margin-top:-75px;} .icone_block04 { margin-top:-55px; font-size:25px; color:#3bc0c3;} .content_block04 { margin-top:120px; color:#FFF; position:absolute; padding: 0 50px;} .content_block04 h3 { color:#FFF; font-weight:bold; font-size:16px;} .content_block04 p { margin:15px 0 30px 0;} .content_block04 a { padding:7px 20px; border-style:solid; border-color:#fff; border-width:1px; border-radius:5px; color:#fff;} .box_style_04:hover .prima_hex_box_style_04 { color:#b6c2c9;/* font-size:350px;*/ margin-top:0px; transform: scale(1.1) translate(0,20px); -webkit-transform: scale(1.1) translate(0,20px); -o-transform: scale(1.1) translate(0,20px); -moz-transform: scale(1.1) translate(0,20px); } .box_style_04:hover .small_hex_block04 { transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); } .hover_animator { position: absolute; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; /** Chrome & Safari **/ -moz-transition: all 0.2s ease-in-out; /** Firefox **/ -o-transition: all 0.2s ease-in-out; /** Opera **/ } .box_style_04:hover .icone_form_in_block04 { color:#3bc0c3;} .box_style_04:hover .icone_block04 { color:#fff;} /** * 2.0 Comment * ----------------------------------------------------------------------------- */ ol.children { margin-left:20px;} .comments-title { font-size:22px; color:#3f5561; padding:45px 0 15px 0; border-color:#ebf0f3; border-width:0 0 1px 0; border-style:solid; margin-bottom:25px;} #leave_comment { position:absolute; right:0; top:50px;} .comment-author { margin:0 20px 20px 0; position:absolute;} .fn { color:#3bc0c3; font-size:15px; font-style:normal; margin-bottom:15px; float:left} .reply { float:right;} .commentmetadata { float:right;} .children img { width:50px; height:50px;} .delimiter { border-color:#ebf0f3; border-width:1px 0 0 0; border-style:solid; height:18px;} .comment_colum { margin-left:120px; min-height:120px;} .children .comment_colum { margin-left:70px; min-height:70px;} .commt_text { padding-bottom:5px;} .comment-reply-title { font-size:22px; color:#3f5561; padding:45px 0 20px 0;} .comment-form-author { position:relative; width:100%;} .comment-form-email { position:relative; width:100%;} .comment-form-url { position:relative; width:100%;} .comment-form-author label, .comment-form-author .required { display:none;} .comment-form-email label, .comment-form-email .required { display:none;} .comment-form-url label, .comment-form-url .required { display:none;} #commentform input{ /*box-sizing:content-box;/*для Оперы*/ /*-moz-box-sizing:border-box;/*для мозилы*/ } .comment-form-author input { width:100%; padding:10px 0;} .comment-form-email input { width:100%; padding:10px 0;} .comment-form-url input { width:100%; padding:10px 0;} .comment-form-comment { clear:both} .comment-form-comment label { display:none;} textarea {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .comment-form-comment textarea { border-style: solid; border-width: 1px; border-color: #d8e1e3; padding: 10px 10px; margin:10px 0px; width:100%; } input { width:100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } input#searchsubmit { width:auto;} .form-submit input { width:100%; margin-bottom:20px; background-color:#3bc0c3; color:#FFF; font-weight:bold; text-transform:uppercase; cursor:pointer; border-width:0;} #contact_form_cg h4 { margin:10px 0 20px 0} /** * 2.0 Blog * ----------------------------------------------------------------------------- */ #today { background-color:#3bc0c3 !important; color:#FFF !important;} #soc_title { float:left; padding-right:20px; line-height:32px; } #soc_icon { float:left; } #soc_icon .social_share_widget { color:#6d7a83; padding-right: 20px; font-size: 15px; position: relative; cursor: pointer; line-height: 32px; } #soc_icon .social_share_widget span { position: absolute; color: #d7dbdd; font-size: 32px; line-height: 32px; } .blog_body { padding:25px; border-color:#e7edf0; border-width:1px; border-style:solid; margin-top:50px;} .blog_body_grid {border-color:#e7edf0; border-width:1px; border-style:solid; margin-top:50px; float:left; padding-bottom:25px; width:75%; /*min-height:340px;*/ position:relative; } .timeline_odd { float: right;} .timeline_even { float:right;} .width_grid_2 { width:100%; /*min-height:430px*/} .width_grid_3 { width:100%; /*min-height:410px;*/} .back_previev img { width:100%;} .back_previev.portfolio { border-radius:0px;} .back_previev { padding-top:0px; overflow:hidden; max-height:440px;} .h2-single { color:#000; font-size:26px; line-height:70px;} .h2-single_grid { color:#000; font-size:18px; line-height:25px; padding-left:20px; padding-top:15px; padding-bottom:15px; font-weight:normal;} .metadata_single { padding-top:22px;} .metadata_single a { color:#3bc0c3;} .social_share {border-color:#ebf0f3; border-width:1px 0; border-style:solid; padding:23px 0; margin:20px 0; font-size:14px;} .author-single { position:relative;} .author-single img { border-radius:50%; border-color:#fff; border-width:13px; border-style:solid;} .gravatar { position:absolute; left:20px; width:125px; display:none;} .author_name_role {} .author_name_role h4 { color:#646464; font-size:18px; font-weight:normal; padding-bottom:10px;} .author_name_role span { color:#b6c2c9;} .author_link { color:#839097; display:none; } .author_link span { line-height:30px;} .author_link ul { float:right;} .author_link li {border-color:#ebebeb; border-width:1px; border-style:solid; padding:7px 35px 7px 10px; margin-left:15px; font-size:20px;} .author_biogr { background-color:#edf1f2; padding:10px 10px 10px 10px; margin-top:20px;} .read_more_button { background-color:#4fc6c9; padding:7px 28px; color:#FFF; border-radius:3px;} .read_more_button_grid { background-color:#4fc6c9; padding:7px 28px; color:#FFF; border-radius:3px; margin-left:20px; } .the_excerpt { padding-bottom:15px;} .the_excerpt_grid { padding: 0 20px 15px 20px;/* height:70px;*/ overflow:hidden;} .date_post { margin:-90px 20px 0 0; float:left; position:relative; text-align:center;} .date_post_grid { margin:-40px 20px 0 10px; float:left; position:relative; text-align:center;} .date_post div { width:90px; text-align:center;} .date_post_grid div { width:90px; text-align:center;} .none_trumbail .date_post { margin:-25px 0 30px 0; float:none; } .none_trumbail .list_single { margin-left: 80px; margin-top:-30px; padding-bottom:30px;} .none_trumbail .date_post_grid { margin:0 0 50px 0; float:none; } .none_trumbail .list_single_grid { margin-left: 80px; margin-top:-30px; padding-bottom:30px;} .date_post-form-icon { color:#fff; font-size:85px; position:absolute;} .date_post-icon { color:#3bc0c3; font-size:65px; position:absolute; margin-top:10px;} .date_post-text-icon { color:#FFF; position:absolute; font-size:12px; margin-top:25px;} .date_post-text-icon span { font-size:24px;} .list_single { border-style:solid; border-width: 0 0 1px 0; border-color:#e9eff2; padding:10px; background-color:#FFF; position:relative;} .list_single_grid { margin-left:90px; margin-top:-17px; border-style:solid; border-width: 0 0 1px 0; border-color:#e9eff2; padding:10px; background-color:#FFF; position:relative;} .timeline {} .date_timeline { position:relative; /*width:90px;*/ margin:0px auto;} .date_timeline div { width:90px; text-align:center;} .centred_timeline { background-image:url(img/timeline.jpg); background-position: 45px 0; background-repeat:repeat-y; margin-top:25px;} .fix_top_pages { padding-top:15px;} .fix_bottom_page { padding-bottom:50px;} /** * 2.0 Widgets * ------ ----------------------------------------------------------------------- */ .ubtn-text { padding:0 35px;} .social_share_widget { padding-right:20px; font-size:15px; position:relative; cursor:pointer; line-height:32px;} .social_share_widget i { padding-left:10px;} .social_share_widget span { position:absolute; color:#FFF; font-size:32px; line-height:32px;} .social_link_widget { padding-right:20px; font-size:15px; position:relative; cursor:pointer; line-height:32px; margin:0 20px 40px 0; display:block; float:left;} .social_link_widget i { padding-left:10px; z-index:20; position: absolute; left:0; top:0; line-height:32px;} .social_link_widget span { position:absolute; z-index:10; color:#FFF; font-size:32px; line-height:32px; left:0; top:0;} #widget_sidebar { padding-top:40px;} .page_widget { padding-bottom:40px;} #searchform { position:relative; min-height:40px;} #searchsubmit { position:absolute; right:0; top:0; background: transparent; border:0px; cursor:pointer;} #widget_sidebar .widget .icon_search_form { position:absolute; right:0; top:0; padding:5px; font-size:14px;} .icon_search_form { position:absolute; right:0; top:0; padding:5px; font-size:14px; color:#888; } #search_theme { position:absolute; left:-5px; top:0; width:100%; box-sizing: content-box; } .search_404 { width:40%; margin:30px auto} .recent_post li { font-weight:100; color:#b6c2c9; font-size:12px;} .recent_post a { display:block; color:#849097; font-size:12px; font-weight: normal; padding-top:5px;} .recent_post a:hover { text-decoration:underline;} .hex_60 { float:left; margin-right:15px; margin-bottom:25px;} .hex60_border { margin-left:-63px;} .hex_60 .attachment-58x58 { border-radius: 50%} #widget_sidebar li { padding-left:0; } /*#widget_sidebar .widget { margin-bottom:40px;}*/ #widget_sidebar h3 { font-size:22px; color:#3f5561; font-weight:100; padding:0px 0 20px 0; border-color:#ebf0f3; border-width:0 0 1px 0; border-style:solid; margin-bottom:20px; clear:both;} .tagcloud a { color:#b6c2c9; background-color:#edf1f2; font-size:13px; display:block; float:left; margin: 0 5px 5px 0; padding:10px; } .tagcloud { clear:both} .tagcloud a:hover {color:#fff; background-color:#3bc0c3;} #wp-calendar td { text-align:center; background-color:#edf1f2; padding:7px 2px; border-color:#FFF; border-style:solid; border-width:1px; color:#90a1ab; font-size:14px; border-color: rgba(255, 255, 255, 0.99); border-width: 1px;} #wp-calendar th { text-align:center; padding:10px 7px; color:#4d616d; font-size:14px; font-weight:bold;} #wp-calendar caption { color:#97a7b0; font-size:14px; padding-bottom:10px; text-align:left} #wp-calendar td:hover { background-color:#3bc0c3; color:#FFF} #wp-calendar .pad, #wp-calendar .pad:hover { background-color: transparent;} #wp-calendar a { color:#000;} #wp-calendar #prev { background-color: transparent; text-align:left;} #prev a { color:#3bc0c3; font-size:14px; font-weight:normal;} li.cat-item { text-align:right; position:relative; line-height:30px; min-height:30px;} .cat-item a { color:#b6c2c9; font-size:14px; display:block; border-color:#fff; border-width:0 0 1px 0; border-style:solid; padding:10px 0; position:absolute; width:100%; text-align:left; line-height:14px;} .cat-item a:hover { color:#3bc0c3; border-color:#ebf0f3;} /*#menu-pages-menu { border-style:solid; border-color:#e1e9ef; border-width:1px 1px 0 1px; background-color:#fbfbfb;} #menu-pages-menu a { display:block; border-style:solid; border-color:#e1e9ef; border-width:0 0 1px 0; padding:10px 20px; font-size:13px; color:#a1b1bc;} #menu-pages-menu .current_page_item a { background-color:#677b87; color:#FFF} #menu-pages-menu a:hover { background-color:#3bc0c3; color:#FFF; font-weight:bold;}*/ #widget_sidebar ul.menu { border-style:solid; border-color:#e1e9ef; border-width:1px 1px 0 1px; background-color:#fbfbfb;} #widget_sidebar ul.menu a { display:block; border-style:solid; border-color:#e1e9ef; border-width:0 0 1px 0; padding:20px 20px; font-size:13px; line-height:15px; color:#a1b1bc;} #widget_sidebar ul.menu .current_page_item a { background-color:#677b87; color:#FFF} #widget_sidebar ul.menu a:hover { background-color:#3bc0c3; color:#FFF; font-weight:bold;} #page_404 { text-align:center; color:#6d7a83; font-size:46px; font-weight:100; } #page_404 p { color:#9aa7af; font-size:14px; font-weight:100;} #page_404 h2 { color:#9aa7af; font-size:24px; line-height:50px;} #page_404 span { color:#90a1ab; font-weight:bold; font-size:150px;} #user_logins { text-align:center;} #user_logins label2 { display:none;} .login-username label { display:none;} .login-password label { display:none;} .login-username input { background-color:#dfe0e0; border-radius:5px; padding:15px; width:380px; text-align:center; color:#3f5f71; font-size:14px;} .login-password input { background-color:#dfe0e0; border-radius:5px; padding:15px; width:380px; text-align:center; color:#3f5f71; font-size:14px; margin-top:15px;} #rememberme { padding:0px;} .login-remember { padding:20px; color:#FFF} #user_logins #wp-submit { border-radius:5px; background-color:#f4ba4a; color:#FFF; padding:10px 20px; border-width:0px; } #user_logins h1 { color:#FFF; font-size:40px; line-height:60px; font-weight:100;} /** * 2.0 Menu mobile * ----------------------------------------------------------------------------- */ #mobile_back {width:100%; height:100%; position:fixed; background: rgba(0, 0, 0, 0.8); z-index:105; display:none} #menu-mobile { width:100%; height:100%; vertical-align:middle; text-align:center; z-index:110; position: absolute; display:none; } .overfow_disable {} #menu-mobile td { text-align: center; vertical-align: top; } #primary-navigation-mobile .sub-menu { display:none;} #primary-navigation-mobile a { color:#FFF; font-size:22px; line-height:45px; display: block;} #primary-navigation-mobile li { color:#FFF; font-size:25px; line-height:45px;} #primary-navigation-mobile ul { padding-left:25px;} #primary-navigation-mobile .sub-menu a { font-size:16px; border-width:0px; line-height:45px;} #primary-navigation-mobile .sub-menu li { font-size:16px; border-width:0px; line-height:45px;} .sub_open_row { display:none;} .sub_close_row { display:none;} .sub_space_row { padding:0 2px;} #primary-navigation-mobile li { text-align:left;} #primary-navigation-mobile .sub-menu { margin-bottom:20px; margin-top:10px;} #mobile_menu_position { width:300px; margin:0px auto; } #closed_mobmenu { text-align:right; padding:20px 20px 0 0; } #closed_mobmenu a { font-weight:bold; font-size:25px;} /** * 2.0 Header * ----------------------------------------------------------------------------- */ .logo_default { color:#02a5fe; font-family:Roboto; font-size:18px; font-weight: bold; line-height:1.1em; margin-left:16px; white-space: nowrap; margin-top:18px} .logo_default span { font-weight:100; color:#989898; white-space: nowrap; } .hover_signup { display:inline; visibility:hidden; } #top_user_logoff:hover .hover_signup { visibility:visible;} #top_user_login { float:right; line-height:32px; margin-left:15px; white-space:nowrap;} #top_user_login span { background-color: #FFF; line-height:28px; font-size:22px; width:28px; display:block; text-align:center; margin:0 10px 0 10px; border-width:2px; border-color:#3bc0c3; border-style:solid; border-radius:50%;} #top_user_login img { border-radius:50%; border-width:2px; border-color:#3bc0c3; border-style:solid; margin:0 10px 0 10px;} #top_user_login a { display:block; float:right;} .text_inlog { float: left;} #top_user_logoff { float:right; line-height:32px; margin-left:15px;} #top_user_logoff span { background-color: #FFF; line-height:30px; font-size:22px; width:30px; display:block; text-align:center; float:right; margin:0 10px 0 10px; border-width:1px; border-color:#b6c2c9; border-style:solid; border-radius:50%;} #top_user_logoff span .fa-child { display:none;} #top_user_logoff:hover .fa-male { display:none;} #top_user_logoff:hover .fa-child { display: inline;} #top_widget_left h4 { display:none;} #top_widget_left .widget_search { width:200px;} #top_widget_left .icon_search_form { padding:4px; } #top_widget_left { float:left;} #top_widget_left li { line-height:32px; font-size:13px;} #top_widget_right { float:right;} .custom_menu_bg { border-width:1px 0; border-style:solid; border-width:1px;} #top-sidebar { background-color:#edf1f2; padding:12px; color:#677b87; display:none; } #top_widget_left .widget { float:left; padding-right:20px; } #top_widget_right .widget { float:right; padding-left:30px; } #bottom-sidebar { background-color:#b6c2c9; padding:12px; color:#677b87; /*margin-top:50px;*/ } #bottom-sidebar .widget { float:left; padding-right:30px; } .header-up-preloader { z-index:100; position:relative; } .header-fixed { position:fixed; z-index:100; width:100%; } .header-up-fixed { position:fixed; z-index:100; width:100%; } .nivelire-fixed-content { padding-top:120px; } .nivelire-fixed-content2 { padding-top:280px; } #header-middle-block { background-color:#FFF; } #logo2 { text-align:center; clear:both; padding:20px;} #logo2 img { max-width:100%; max-height:80px; } #logo { float:left; /*height:75px;*/ } #logo img { margin-top: 18px; max-height:40px; width:auto; float:left; margin-right:15px; margin-left:18px; } .uppercase { text-transform:uppercase; } .iconhexers { float:left; margin-right:15px; margin-top:10px; } .iconhexers_tree { border-style:solid; border-width:2px; border-color:#3bc0c3; border-radius:50%; margin:0px auto; margin-top:-40px; width: 7.75em !important; height: 7.75em !important; } #h1-primary { background: url(img/h1-primary.jpg) 100% 100% no-repeat; background-size: cover; padding: 40px 0px; } #h1-primary h1 { display:inline-block; float: left; width: auto;} #h1-primary #breadcrumb { float:right;} /** * 2.0 Repeatable Patterns * ----------------------------------------------------------------------------- */ /* Assistive text */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; line-height: normal; padding: 15px 23px 14px; position: absolute; left: 5px; top: 5px; text-decoration: none; text-transform: none; width: auto; z-index: 100000; /* Above WP toolbar */ } /** * 4.0 Header * ----------------------------------------------------------------------------- */ .site-header { position: relative; width: 100%; z-index: 100000; } .header-main { min-height: 75px; padding: 0 10px; } /** * 5.0 Navigation * ----------------------------------------------------------------------------- */ .site-navigation ul { list-style: none; margin: 0; } .site-navigation li { border-top: 1px solid rgba(255, 255, 255, 0.2); } .site-navigation ul ul { margin-left: 20px; } .site-navigation a { color: #7f8f99; display: block; } .site-navigation a:hover { color: #677b87; } .site-navigation .current_page_item > a, .site-navigation .current_page_ancestor > a, .site-navigation .current-menu-item > a, .site-navigation .current-menu-ancestor > a { color: #3bc0c3; font-weight: 900; background-color:edf1f2; border: solid #999; border-width: 0 0 5px 0; } .sub-menu .current-menu-item > a { background-color:#555; border-width:0 0 0 0;} #primary-navigation-mobile .sub-menu .current-menu-item > a { background: none; } .site-navigation .sub-menu .current_page_item > a { background-color:#677b87; border-width:0px;} /* Primary Navigation */ .primary-navigation { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; /*padding-top: 24px;*/ } .primary-navigation.toggled-on { padding: 72px 0 36px; } .primary-navigation .nav-menu { border-bottom: 1px solid rgba(255, 255, 255, 0.2); display: none; } .primary-navigation.toggled-on .nav-menu { display: block; } .primary-navigation a { padding: 7px 0; } /* Secondary Navigation */ .secondary-navigation { border-bottom: 1px solid rgba(255, 255, 255, 0.2); font-size: 12px; margin: 48px 0; } .secondary-navigation a { padding: 9px 0; } .menu-toggle { background-color: transparent; color:#000; border-width:0px; border-style:solid; border-color:#666; border-radius: 0; cursor: pointer; margin: 0; overflow: hidden; padding: 0; /*position: absolute;*/ top: 0; right: 0; text-align: center; width: 48px; float:right; font-size:20px; line-height:70px; } .menu-toggle:before { /*color: #fff; /*content: "\00a0";*/ /*padding: 16px;*/ } .menu-toggle:active, .menu-toggle:focus, .menu-toggle:hover { background-color: #3bc0c2; color:#FFF; border-width:0 0 5px 0; border-style:solid; border-color:#677b86; } .menu-toggle:focus { outline: 1px dotted; } /** * 2.0 Footer * ----------------------------------------------------------------------------- */ #primary-content-output { padding-bottom:25px;} #foot-sidebar { background-color:#edf1f2; padding:50px 0 80px 0; color:#677b87; } #foot-sidebar .container { padding-left:0; padding-right:0;} #foot-sidebar .widget { /*float:left; padding-right:30px;*/ clear:both; } #foot-sidebar h3 { font-size:20px; color:#8698a2; font-weight:400; text-transform:uppercase; margin-bottom:30px; margin-top:30px; } #foot-sidebar h4 { font-size:16px; color:#000000; font-weight:400; } #copyright { display:block; text-align:left; line-height:20px; } #foot-sidebar li.menu-item { /*background-image:url(img/marker_line_footer.png);*/ /*background-repeat:no-repeat; background-position:left center;*/ position:relative; } #foot-sidebar li.menu-item em { position:absolute; left:0; top:0; padding:10px 0;} #foot-sidebar ul.menu a { font-weight:bold; font-size:14px; line-height:1; display:block; padding:10px 0; border-bottom: 1px solid #dae1e3; margin-left:30px; background-color: transparent; } #foot-sidebar ul.menu a:hover { color:#8698a2; } .wp-caption {} .wp-caption-text {} .sticky {} .gallery-caption {} .bypostauthor {} .alignright {} .alignleft{} .aligncenter {} /** * 11.0 Media Queries * ----------------------------------------------------------------------------- */ @media screen and (min-width: 1000px) { .primary-navigation .nav-menu { border-bottom: 0; display: block; } #wp-calendar td { padding:7px 7px; } } @media screen and (min-width: 783px) { /* Navigation */ .site-navigation li .current_page_item > a, .site-navigation li .current_page_ancestor > a, .site-navigation li .current-menu-item > a, .site-navigation li .current-menu-ancestor > a { color: #fff; } /* Primary Navigation */ #menu_position_skin2 { text-align:center;} #menu_position_skin2 li { text-align: left;} #menu_position_skin2 .primary-navigation { float:none;} .primary-navigation { float: right; font-size: 16px; margin: 0; padding: 0; } .primary-navigation .menu-toggle { /* display: none;*/ padding: 0; } .primary-navigation.toggled-on { border-bottom: 0; margin: 0; padding: 0; } .primary-navigation li { border: 0; display: inline-block; height: 75px; line-height: 70px; position: relative; } .primary-navigation a { display: inline-block; padding: 0 25px; white-space: nowrap; } .primary-navigation ul ul { background-color: #62cdcf; float: left; margin: 0; position: absolute; top: 70px; left: -999em; z-index: 99999; border-style:solid; border-color:#677b86; border-width: 5px 0 0 0; } .primary-navigation li li { border: 0; display: block; height: auto; line-height: 1.0909090909; border-style:solid; border-color:#e1e4e7; border-width: 0 0 1px 0; } .primary-navigation ul ul ul { left: -999em; top: 0; } .primary-navigation ul ul a { padding: 13px 12px 13px 20px; white-space: normal; width: 176px; color:#FFF; font-size:13px; } .primary-navigation li:hover > a, .primary-navigation li.focus > a { background-color: #3bc0c2; color: #fff; border-style:solid; border-color:#677b88; border-width: 0 0 5px 0; } .primary-navigation .sub-menu li:hover > a, .primary-navigation .sub-menu li.focus > a {border-width:0 0 0 0;} .primary-navigation ul ul a:hover, .primary-navigation ul ul li.focus > a { background-color: #677b87; } .primary-navigation ul li:hover > ul, .primary-navigation ul li.focus > ul { left: auto; } .primary-navigation ul ul li:hover > ul, .primary-navigation ul ul li.focus > ul { left: 100%; } .primary-navigation .menu-item-has-children > a, .primary-navigation .page_item_has_children > a { padding-right: 26px; } .sub_row_pr { visibility:hidden; margin-left:-15px;} .primary-navigation .menu-item-has-children > .sub_row_pr, .primary-navigation .page_item_has_children > .sub_row_pr { visibility: visible}; .primary-navigation .menu-item-has-children > a:after, .primary-navigation .page_item_has_children > a:after { -webkit-font-smoothing: antialiased; content: ""; display: inline-block; font: normal 8px/1 Genericons; position: absolute; right: 12px; top: 22px; vertical-align: text-bottom; } .primary-navigation li .menu-item-has-children > a, .primary-navigation li .page_item_has_children > a { padding-right: 20px; width: 168px; } .primary-navigation .menu-item-has-children li.menu-item-has-children > a:after, .primary-navigation .menu-item-has-children li.page_item_has_children > a:after, .primary-navigation .page_item_has_children li.menu-item-has-children > a:after, .primary-navigation .page_item_has_children li.page_item_has_children > a:after { content: "\f501"; right: 8px; top: 20px; } } @media screen and (min-width: 1008px) { #secondary { background-color: transparent; border: 0; clear: none; float: left; margin: 0 0 0 -100%; min-height: 100vh; width: 122px; } .secondary-navigation { font-size: 11px; margin: 0 -30px 48px; width: 182px; } .secondary-navigation li { border-top: 1px solid rgba(255, 255, 255, 0.2); position: relative; } .secondary-navigation a { padding: 10px 30px; } .secondary-navigation ul ul { background-color: #24890d; position: absolute; top: 0; left: -999em; width: 182px; z-index: 99999; } .secondary-navigation li li { border-top: 0; } .secondary-navigation li:hover > a, .secondary-navigation li.focus > a { background-color: #24890d; color: #fff; } .secondary-navigation ul ul a:hover, .secondary-navigation ul ul li.focus > a { background-color: #41a62a; } .secondary-navigation ul li:hover > ul, .secondary-navigation ul li.focus > ul { left: 162px; } .secondary-navigation .menu-item-has-children > a { padding-right: 38px; } .secondary-navigation .menu-item-has-children > a:after { -webkit-font-smoothing: antialiased; content: "\f501"; display: inline-block; font: normal 8px/1 Genericons; position: absolute; right: 26px; top: 14px; vertical-align: text-bottom; } } @media screen and (min-width: 1080px) { #secondary { width: 162px; } .secondary-navigation, .secondary-navigation ul ul { width: 222px; } .secondary-navigation ul li:hover > ul, .secondary-navigation ul li.focus > ul { left: 202px; } } /** * 12.0 Print * ----------------------------------------------------------------------------- */ @media print { } /*__________________*/ @media (min-width: 768px) { .container { width: 750px; } .timeline_to_up { margin-top:-440px;} .timeline_odd { float:right;} .timeline_even { float:left;} .blog_body_grid { width:40%; border-left-color:#3bc0c3; border-left-width:6px; /*min-height:340px;*/} .date_timeline { width:90px;} .centred_timeline { background-image:url(img/timeline.jpg); background-position:center; background-repeat:repeat-y; margin-top:25px;} .list_single { margin-left:140px; margin-top:-17px;} .date_post { margin:-40px 20px 0 60px;} .author_biogr { background-color:#edf1f2; padding:25px 25px 25px 170px;} .author_name_role { float:left; margin-left:170px;} .author_link { float:right;} .gravatar { display:block; } #copyright { float:right; text-align:right; line-height:40px;} .comment-form-author input { width:100%; padding-right:10px; padding:10px 0px;} .comment-form-email input { width:90%; margin:0px 5%; padding:10px 0px;} .comment-form-url input { width:100%; padding-right:10px; padding:10px 0px;} .comment-form-author { float:left; position:relative; width:33%;} .comment-form-email { float:left; position:relative; width:33%;} .comment-form-url { float:left; position:relative; width:33%;} .width_grid_2 { width:45%; margin-right:3%;/* min-height:430px*/} .width_grid_3 { width:30%; margin-right:1%; /*min-height:410px;*/} #page_404 span { font-size:150px;} } @media (min-width: 992px) { .container { width: 970px; } #page_404 span { font-size:200px;} } @media (min-width: 1200px) { .container { width: 1024px; } #top-sidebar { display:block} #mobile_back { width:350px; top:0px; right:0; position:fixed; z-index:200;} #menu-mobile { width:300px; top:0px; right:0; position:fixed; z-index:210;} #page_404 span { font-size:240px;} } /*BUG*/ i[class*="Defaults-"] { line-height:1.5em !important} .fantastic_team { background-color:#edf1f2; padding:50px 0 80px 0;} .fantastic_team h2 { font-size: 36px;color: #a8b6be;text-align: center;font-family:Roboto;font-weight:300;font-style:normal; margin-bottom:40px;}