/*=============================================================================== Theme Name: Black-fusion Theme URI: http://an-kor.net/constructor/black-fusion Author: an-kor Author URI: http://an-kor.net/ Description: This Theme is a fully responsive that looks great on any device. With our Theme you can modify many of available options and create a truly unique and beautiful site. We are open in communication, and to feedback. With best regards from our team. Version: 1.0 License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: dark, gray, one-column, two-columns, three-columns, right-sidebar, left-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, theme-options All files, unless otherwise stated, are released under the GNU General Public License version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html) ===============================================================================*/ /*----------------backgrounds-------------*/ html,body { height: auto; } body { height: auto; padding: 0; color: #4a4a4a; font-family: Tahoma, sans-serif; } #wrapper { overflow: hidden; margin: 0 auto; } #container { margin-top: 35px; } .header_widget_area { margin-top: 15px; } input,select,button,textarea { font: 12px Tahoma, Verdana, Segoe, sans-serif; } a,a:visited { color: #646464; text-decoration: underline; } a:hover { color: #646464; text-decoration: none; } a:active { color: #646464; text-decoration: underline; } a:focus { outline: none; } ul { margin: 0 0 10px; padding-left: 10px; list-style: none; } ul li { padding-left: 15px; background: url("images/check_list/circle-small-gray.png") left 55% no-repeat; } footer li { padding-left: 0; background: none; } #container ul { overflow: hidden; } h1,h2,h3,h4 { margin: 0 0 20px 0; text-transform: uppercase; font-weight: normal; } h1 { font-size: 18px; } h2,h2 a { font-size: 18px; } h3,h3 a { font-size: 16px; } h4,h4 a { font-size: 16px; } .maintext { text-shadow: 1px 1px 1px #fff; } h1.maintext { font-size: 27.599999999999998px; } img.left { margin: 5px 10px 5px 0; } img.right { margin: 5px 0 10px 10px; } img { width: auto9; /* ie8 */ } blockquote { overflow: hidden; position: relative; padding: 10px 5px 10px 17px; font-size: 14.399999999999999px; line-height: 24px; font-style: italic; border-left: 0; } blockquote p { font-size: 14.399999999999999px; } blockquote:before { display: block; width: 17px; height: 11px; content: " "; position: absolute; left: 0; top: 0; background: url("images/blockquote.png") left center no-repeat; } blockquote:after { display: block; width: 17px; height: 11px; content: " "; position: absolute; right: 0; bottom: 0; background: url("images/blockquote.png") right center no-repeat; } blockquote.pull-left { width: 30%; margin-right: 8%; padding-left: 40px; border-left: 0; } blockquote.pull-right { width: 30%; margin-left: 8%; padding-right: 40px; border-right: 0; } blockquote.center { width: 50%; margin: 0 auto; } .wrap-header { position: relative; border-top: 9px solid #6a983e; } .wrap-header:before { content: " "; display: block; position: relative; border-top: 1px solid #5E8936; } header { position: relative; z-index: 101; } .logo { float: left; display: block; text-decoration: none; } .logo-text { margin: 20px 0 0 20px; font-size: 25px; } @media only screen and (min-width: 980px) { .main-menu,div.main-menu > ul { margin: 0; padding: 0; float: right; } .main-menu > li,div.main-menu > ul > li { float: left; margin: 0; padding: 0; position: relative; background: none; } .main-menu > li:hover,div.main-menu > ul > li:hover { cursor: pointer; } .main-menu > li:hover > a,div.main-menu > ul > li:hover > a { border-bottom-color: transparent; } .main-menu > li:first-child,div.main-menu > ul > li:first-child { margin-left: 0; } .main-menu > li > a,div.main-menu > ul > li > a { position: relative; display: block; padding: 0; text-align: center; font-size: 14px; text-decoration: none; } .main-menu > li > a:hover,div.main-menu > ul > li > a:hover { text-decoration: none; } .main-menu > li.deeper > a:before,div.main-menu > ul > li.deeper > a:before { display: block; content: " "; position: absolute; left: 15px; width: 100%; height: 100%; background: url("images/menu.png") 95% center no-repeat; } .main-menu > li:last-child,div.main-menu > ul > li:last-child { border: 0; } .main-menu > li:last-child .sub-menu,div.main-menu > ul > li:last-child .sub-menu { left: auto; right: 0; } .main-menu > li:last-child .sub-menu:before,div.main-menu > ul > li:last-child .sub-menu:before { left: auto; right: 20px; } .main-menu > li:last-child .sub-menu .sub-menu,div.main-menu > ul > li:last-child .sub-menu .sub-menu { left: auto; right: 102%; } .main-menu > li .sub-menu,div.main-menu > ul > li .sub-menu { display: none; visibility: hidden; position: absolute; left: 0; z-index: 102; padding: 0 0 10px 0; border: 1px solid transparent; } .main-menu > li .sub-menu li,div.main-menu > ul > li .sub-menu li { position: relative; padding: 0; border-top: 0; background: transparent; } .main-menu > li .sub-menu li:first-child,div.main-menu > ul > li .sub-menu li:first-child { border-top: 0; } .main-menu > li .sub-menu li a,div.main-menu > ul > li .sub-menu li a { display: block; width: auto; padding: 10px 21px 3px 10px; font-size: 12.5px; line-height: 16px; text-decoration: none; border: 1px solid transparent; } .main-menu > li .sub-menu li a:hover,div.main-menu > ul > li .sub-menu li a:hover { text-decoration: 0; } .main-menu > li .sub-menu .sub-menu,div.main-menu > ul > li .sub-menu .sub-menu { top: -1px; left: 102%; } .menu1 > li,div.menu1 > ul > li { background-position: 0 0; margin: 0 0 0 1px; } .menu1 > li:hover,div.menu1 > ul > li:hover { } .menu1 > li > a,div.menu1 > ul > li > a { position: relative; display: block; margin: 5px 20px; text-transform: uppercase; color: #7b6656; } .menu1 > li.current-menu-item,div.menu1 > ul > li.current-menu-item,.menu1 > li.current-menu-parent,div.menu1 > ul > li.current-menu-parent { } .menu1 > li:hover > a,div.menu1 > ul > li:hover > a,.menu1 > li.current-menu-item > a,div.menu1 > ul > li.current-menu-item > a,.menu1 > li,div.menu1 > ul > li,.menu1 > li.current-menu-parent > a,div.menu1 > ul > li.current-menu-parent > a { color: #fff; /*text-shadow: 1px 1px 1px #000; */ } .menu1 > li.deeper > a:before,div.menu1 > ul > li.deeper > a:before { background: url("images/menu.png") 95% center no-repeat; } .menu1 > li .sub-menu,div.menu1 > ul > li .sub-menu { width: 160px; margin: 0; background: #f8f5f3; } .menu1 > li .sub-menu li.deeper > a,div.menu1 > ul > li .sub-menu li.deeper > a { background: url("images/next2.png") 95% 17px no-repeat; } .menu1 > li .sub-menu li.deeper > a:hover,div.menu1 > ul > li .sub-menu li.deeper > a:hover { background-image: url("images/next1.png"); } .menu1 > li .sub-menu li a,div.menu1 > ul > li .sub-menu li a { color: #636363; } .menu1 > li .sub-menu li a:hover,div.menu1 > ul > li .sub-menu li a:hover { color: #60853c; } .menu4 > li { border-right: 1px solid #fbfaf8; } .menu4 > li > a { margin: 20px; color: #fff; border-bottom: 1px dashed #fff; } .menu4 > li.deeper > a:before { background: url("images/menu3.png") 95% center no-repeat; } .menu4 > li > .sub-menu:before { content: " "; display: block; width: 0; height: 0; position: absolute; left: 20px; top: -14px; border: 7px solid; border-color: transparent transparent #555555 transparent; } .menu4 > li .sub-menu { width: 160px; margin: 0; background: #555555; padding-bottom: 0; } .menu4 > li .sub-menu li.deeper > a { background: url("images/next6.png") 90% center no-repeat; } .menu4 > li .sub-menu li.deeper > a:hover { background-image: url("images/next7.png"); } .menu4 > li .sub-menu li a { color: #fff; padding: 7px 21px 7px 10px; } .menu4 > li .sub-menu li a:hover { color: #c2c2c2; } .menu4 > li .sub-menu .sub-menu { top: 0; } } .mainNav-media { display: none; width: 155px; margin: 0 auto; padding: 0; list-style: none; } .mainNav-media li { background: none; padding: 0; } .mainNav-media ul { margin: 0; list-style: none; } .mainNav-media > li > a { display: block; width: 150px; height: 35px; margin-top: 20px !important; line-height: 35px; text-decoration: none; text-align: center; font-size: 16px; margin: 0 auto; border: 1px solid green; color: #fff; text-shadow: 1px 1px 1px #000; border-radius: 5px; background: -webkit-linear-gradient(top, #6c9c3e, #60853c); background: -moz-linear-gradient(top, #6c9c3e, #60853c); background: -o-linear-gradient(top, #6c9c3e, #60853c); background: -ms-linear-gradient(top, #6c9c3e, #60853c); background: linear-gradient(top, #6c9c3e, #60853c); } .mainNav-media > li > a:hover { border-radius: 5px 5px 0 0; border-bottom: 0; } .deeperUl { border-radius: 5px 5px 0 0 !important; border-bottom: 0 !important; } .mainNav-media .deeper { position: relative; } .mainNav-media .deeper ul { display: none; width: 100%; padding: 5px 0; position: absolute; z-index: 100; left: 0; border: 1px solid green; border-top: 0; background: #6C9C3E; } .mainNav-media .deeper:hover ul { display: block; } .mainNav-media .deeper ul a { display: block; color: #fff; text-align: center; } .my-form-search input { border-radius: 3px; font-style: italic; color: #97ad82; font-size: 12.5px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; } .my-form-search .btn { height: 30px; margin-left: -25px; text-indent: -10000px; -webkit-box-shadow: none; box-shadow: none; position: relative; z-index: 3; border: 0; background: #6b9b3e url("images/search-submit.png") 3px center no-repeat; } .more-link { display: block; } .bordered { content: " "; display: block; width: 100%; height: 1px; position: absolute; left: 0; background: #fff; border-bottom: 1px solid #dcd5cc; } .separ-line { display: block; width: 100%; height: 1px; background: #fff; border-bottom: 1px solid #dcd5cc; } /*----------------backgrounds-------------*/ .bg1 { background: url("images/bg/bg1.png"); } .bg2 { background: url("images/bg/bg2.png"); } .bg3 { background: url("images/bg/bg3.png"); } .bg4 { background: url("images/bg/bg4.png"); } .bg5 { background: url("images/bg/bg5.png"); } .bg6 { background: url("images/bg/bg6.png"); } .bg7 { background: url("images/bg/bg7.png"); } .bg8 { background: url("images/bg/bg8.png"); } .bg9 { background: url("images/bg/bg9.png"); } .bg10 { background: url("images/bg/bg10.png"); } .bg11 { background: url("images/bg/bg11.png"); } .bg12 { background: url("images/bg/bg12.png"); } .bg13 { background: url("images/bg/bg13.png"); } .bg14 { background: url("images/bg/bg14.png"); } .bg15 { background: url("images/bg/bg15.png"); } .box-styled { border-top: 1px solid #fcfbfa; border-bottom: 1px solid #fcfbfa; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); } .box-styled1 { position: relative; border-top: 1px solid #f9f8f5; border-bottom: 1px solid #f9f8f5; } .box-styled1:before { display: block; width: 100%; height: 1px; content: " "; position: absolute; top: 0; background: #837a6d; } .box-styled1:after { display: block; width: 100%; height: 1px; content: " "; position: absolute; bottom: 0; background: #837a6d; } .accordion-group { position: relative; padding-bottom: 2px; border: 0; } .accordion-group:after { content: " "; display: block; width: 100%; height: 1px; position: absolute; left: 0; background: #fff; border-bottom: 1px solid #dcd5cc; bottom: 0; } .accordion-inner { border: 0 transparent; } .accordion { margin-bottom: 0; } .accordion .accordion-toggle { display: block; font-size: 14px; text-transform: uppercase; text-decoration: none; color: #60853c; font-style: italic; height: 40px; margin-left: -6px; padding: 20px 0 0 50px; line-height: 20px; background: url("images/plus.png") 10px 24px no-repeat; } .accordion .accordion-toggle:hover { text-decoration: underline; } .accordion .active { background: url("images/minus.png") 10px 24px no-repeat; } .accordion .more-link { display: inline-block; width: 11px; height: 7px; background: url("images/next.png") no-repeat; } .accordion .more-link:hover { background: url("images/next1.png") no-repeat; } .line-after { position: relative; } .line-after:after { content: " "; display: block; width: 100%; height: 1px; position: absolute; left: 0; background: #fff; border-bottom: 1px solid #dcd5cc; bottom: 0; } .line1 { position: relative; padding-left: 10px; margin-bottom: 10px; } .line1:after { position: absolute; left: 0; bottom: 0; content: " "; display: block; width: 100%; height: 1px; background: #fbfaf8; border-radius: 25%; -webkit-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 7px rgba(0, 0, 0, 0.15); /*.box-shadow(~"0 4px 7px rgba(0,0,0,0.15)"); */ border-bottom: 1px solid #dcd5cc; } article.line1 { padding-bottom: 5px; margin-bottom: 40px; } /*--------------------widgets---------------*/ .sidebar h1,.sidebar h2 { /*line-height: 18px; */ } .sidebar li { background: none; } .sidebar .widget { padding: 15px 10px; margin: 20px 0 40px 0; padding-bottom: 10px; } .sidebar .widget:first-child { margin-top: 0; } .sidebar .widget h1,.sidebar .widget h2,.sidebar .widget h3,.sidebar .widget h4 { color: #4a4a4a; margin-left: 10px; } footer .widget { margin-bottom: 15px; } .cat ul,.widget_recent_entries ul,.widget_archive ul,.widget_categories ul,.widget_meta ul,.widget_nav_menu ul,.widget_pages ul { margin: 0; padding: 0; } .cat ul li,.widget_recent_entries ul li,.widget_archive ul li,.widget_categories ul li,.widget_meta ul li,.widget_nav_menu ul li,.widget_pages ul li { position: relative; list-style: none; cursor: pointer; display: block; padding: 2px 0 0 10px; font-size: 14px; text-transform: uppercase; font-style: italic; background: url("images/next1.png") 96% center no-repeat; } .cat ul li:hover,.widget_recent_entries ul li:hover,.widget_archive ul li:hover,.widget_categories ul li:hover,.widget_meta ul li:hover,.widget_nav_menu ul li:hover,.widget_pages ul li:hover { text-decoration: underline; background: url("images/next.png") 97% center no-repeat; } .cat ul li:after,.widget_recent_entries ul li:after,.widget_archive ul li:after,.widget_categories ul li:after,.widget_meta ul li:after,.widget_nav_menu ul li:after,.widget_pages ul li:after { background: none repeat scroll 0 0 #FFFFFF; border-bottom: 1px solid #DCD5CC; bottom: 0; content: " "; display: block; height: 1px; left: 0; position: absolute; width: 100%; } .cat ul li a,.widget_recent_entries ul li a,.widget_archive ul li a,.widget_categories ul li a,.widget_meta ul li a,.widget_nav_menu ul li a,.widget_pages ul li a { display: inline-block; padding: 10px 20px 10px 0; text-decoration: none; } .cat ul li a:hover,.widget_recent_entries ul li a:hover,.widget_archive ul li a:hover,.widget_categories ul li a:hover,.widget_meta ul li a:hover,.widget_nav_menu ul li a:hover,.widget_pages ul li a:hover { text-decoration: underline; } .widget_nav_menu ul li ul { display: none; } .stags a,.widget_tag_cloud a { display: inline-block; margin: 4px 3px; padding: 0 14px; font-style: italic; height: 17px; line-height: 17px; text-decoration: none; color: #60853c; border: 1px solid #c8c8b8; border-radius: 3px; background: -webkit-linear-gradient(top, #f1eee0, #eae4dc); background: -moz-linear-gradient(top, #f1eee0, #eae4dc); background: -o-linear-gradient(top, #f1eee0, #eae4dc); background: -ms-linear-gradient(top, #f1eee0, #eae4dc); background: linear-gradient(top, #f1eee0, #eae4dc); } .stags a:hover,.widget_tag_cloud a:hover { color: #fff; text-decoration: none; background: -webkit-linear-gradient(top, #6c9c3e, #61873c); background: -moz-linear-gradient(top, #6c9c3e, #61873c); background: -o-linear-gradient(top, #6c9c3e, #61873c); background: -ms-linear-gradient(top, #6c9c3e, #61873c); background: linear-gradient(top, #6c9c3e, #61873c); } .sidebar .widget_tag_cloud a,#sidebar .widget_tag_cloud a { font-size: 14px !important; } .widget-recent-progects a { display: inline-block; width: 52px; height: 52px; margin: 0 2px 6px 0; padding: 4px; background-color: rgba(128, 120, 123, 0.5); } .widget-recent-progects a:hover { background-color: rgba(128, 120, 123, 0.8); } .history { color: #888383; } .history .article_date { float: none; color: #da8d1b; font-style: italic; } .wptuts_widget_twitter ul { padding-left: 0; } .wptuts_widget_twitter ul li { background: none; padding-left: 0; } .bg3.content { padding: 10px; border: 1px solid #efeee5; border-radius: 5px; -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1); background: url("images/bg/bg3.png"); } .testimonial { margin-bottom: 20px; } .testimonial blockquote { margin: 0 10px 10px 10px; } /*-----------------tabs-----------------------*/ .tabs { position: relative; } .myTab { margin: 0; padding: 0; } .myTab .active { background: url("images/bg/bg2.png"); } .myTab .active a { background: url("images/minus.png") 10px center no-repeat; } .myTab li { position: relative; padding: 0; background: none; } .myTab li:after { content: " "; display: block; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: #fff; border-bottom: 1px solid #dcd5cc; } .myTab li a { position: relative; display: table-cell; vertical-align: middle; height: 40px; padding-left: 35px; padding-top: 2px; padding-bottom: 5px; font-size: 14px; text-transform: uppercase; text-decoration: none; font-style: italic; background: url("images/plus.png") 10px center no-repeat; } .myTab li a:hover { text-decoration: underline; } .myTab li:hover { background: url("images/bg/bg2.png"); } .tabs-horizontal .myTab-tab-content { position: relative; padding: 30px 30px 10px 30px; } .myTab-tab-content ul li { line-height: 24px; background-position: left 10px; } .myTab-tab-content:after { content: " "; display: block; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: #fff; border-bottom: 1px solid #dcd5cc; } .tabs-vertical .myTab-tab-content { min-height: 188px; position: relative; overflow: hidden; padding: 15px 20px 5px 20px; background: url("images/bg/bg2.png"); } .tabs-vertical .myTab-tab-content:before { content: " "; display: block; width: 100%; height: 1px; position: absolute; left: 0; background: #fff; border-bottom: 1px solid #dcd5cc; top: 0; } .tabs-vertical #myTab > li:first-child a:before { content: " "; display: block; width: 100%; height: 1px; position: absolute; left: 0; background: #fff; border-bottom: 1px solid #dcd5cc; top: 0; } /** Carousel **/ .jcar-wrap { position: relative; padding: 0 30px; } .jcarousel { position: relative; overflow: hidden; width: 100%; height: 150px; } .jcarousel > ul { width: 20000em; position: absolute; list-style: none; margin: 0; padding: 0; } .jcarousel > ul > li { float: left; width: 200px; padding: 0; background: none; } .jcarousel > ul > li > img { margin: 0; } .jcarousel > ul > li > a > img { margin: 0; } /** Carousel Controls **/ .jcarousel-prev,.jcarousel-next { display: block; position: absolute; top: 50%; margin-top: -35px; width: 23px; height: 71px; cursor: pointer; background-image: url("images/pointers3.png"); background-repeat: no-repeat; } .jcarousel-next { right: 0; background-position: left top; } .jcarousel-prev { left: 0; background-position: right top; } .jcarousel-next:hover { background-position: left bottom; } .jcarousel-prev:hover { left: 0; background-position: right bottom; } /*-------------------------------------------------------*/ .combine { overflow: hidden; position: relative; padding-left: 10px; } .combine:before { position: absolute; content: " "; left: 0; top: 0; display: block; width: 3px; height: 100%; background: #96c964; -webkit-box-shadow: 1px 1px 0 #fff; box-shadow: 1px 1px 0 #fff; } .combine1 { display: block; float: right; text-align: left; } .combine1 span { color: #888383; font-style: italic; } /*------------------images----------*/ img.img-styled,.img-styled img { max-width: 100%; padding: 4px; border: 1px solid #dedecf; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.15); box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.15); background: #fff; } img.img-styled1,.img-styled1 img { display: block; margin-bottom: 20px; padding: 5px; border: 1px solid #dedecf; background: url("images/bg/bg1.png"); border-radius: 5px; } .block-styled { max-width: 100%; padding: 4px; border: 1px solid #dedecf; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.15); box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.15); background: #fff; } .block-styled1 { display: block; margin-bottom: 20px; padding: 5px; border: 1px solid #dedecf; background: url("images/bg/bg1.png"); border-radius: 5px; } .wrapMainImg { position: relative; display: block; max-width: 100%; margin-bottom: 10px; } .wrapMainImg .my_more { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(255, 255, 255, 0.5); background-position: center; background-repeat: no-repeat; } .img-styled1.alignright { margin-left: 30px; } .img-styled1.alignleft { margin-right: 30px; } .wl { background: url("images/ul-bg-line.png") left bottom repeat-x; } .wl,.wl a { margin-bottom: 5px; padding-bottom: 10px; line-height: 14px; font-size: 14px; color: #60853c; text-decoration: none; } .wl a:hover { color: #da8d1b; text-decoration: none; } .wl1 { margin: 0 0 10px 0; font-size: 14px; color: #60853c; text-decoration: none; text-shadow: 1px 1px 1px #fff; background: url("images/ul-bg-line.png") left bottom repeat-x; } .columns { margin-bottom: 20px; } .columns .wl,.columns .wl a { padding-bottom: 3px; } .main_header { margin: 0 0 0 0; } /*--------------blog-box--------------*/ .blog-box { position: relative; overflow: hidden; margin: 0; margin-bottom: 48px; } .blog-box .content { overflow: hidden; min-width: 250px; } .blog-box .wrapMainImg { float: left; max-width: 90%; margin-right: 40px; } .blog-box .wrapMainImg .mainImg { float: left; } .blog-box.blog-box-1 .wrapMainImg { margin-right: 20px; } .blog-box .more-link { display: block; float: right; margin-bottom: 60px; /*position: absolute; right: 0; */ margin-top: 15px; } .blog-box .combine { position: absolute; bottom: 10px; } .blog-box-2-col-items { float: left; width: 46%; margin: 0 2% 48px 2%; } .portfolio-box { position: relative; overflow: hidden; margin: 0; margin-bottom: 48px; } .portfolio-box .content { overflow: hidden; min-width: 250px; } .portfolio-box .wrapMainImg { float: left; max-width: 90%; margin-right: 40px; } .portfolio-box .wrapMainImg .mainImg { float: left; } .portfolio-box.portfolio-box-1 .wrapMainImg { margin-right: 20px; } .portfolio-box .more-link { display: block; position: absolute; right: 0; margin-top: 15px; } .portfolio-box .combine { position: absolute; bottom: 10px; } .portfolio-box-2-col-items { float: left; width: 46%; margin: 0 2% 48px 2%; } .content { overflow: hidden; } /*----------------Buttons----------------------*/ .more-link-button { display: inline-block; height: 18px; line-height: 18px; cursor: pointer; margin-top: 10px; padding: 0 10px; color: #fff; border: 0; text-decoration: none !important; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); border-radius: 3px; background: -webkit-linear-gradient(top, #e5ad1b, #c28c01); background: -moz-linear-gradient(top, #e5ad1b, #c28c01); background: -o-linear-gradient(top, #e5ad1b, #c28c01); background: -ms-linear-gradient(top, #e5ad1b, #c28c01); background: linear-gradient(top, #e5ad1b, #c28c01); } .more-link-button:hover { text-decoration: none; color: #fff; background: -webkit-linear-gradient(top, #fcbe1c, #e3a403); background: -moz-linear-gradient(top, #fcbe1c, #e3a403); background: -o-linear-gradient(top, #fcbe1c, #e3a403); background: -ms-linear-gradient(top, #fcbe1c, #e3a403); background: linear-gradient(top, #fcbe1c, #e3a403); } .more-link-button:visited { color: #fff; } .button { display: block; margin: 10px 0; padding-left: 10px; color: #80aa58; text-transform: uppercase; text-shadow: 1px 1px 1px #fff; border: 1px solid #c8c8b8; background: url("images/bg/bg2.png"); text-decoration: none; border-radius: 3px; } .button:hover { text-decoration: none !important; color: #2b3c1b !important; border-color: #6C9C3E; background: -webkit-linear-gradient(top, #6c9c3e, #60853c); background: -moz-linear-gradient(top, #6c9c3e, #60853c); background: -o-linear-gradient(top, #6c9c3e, #60853c); background: -ms-linear-gradient(top, #6c9c3e, #60853c); background: linear-gradient(top, #6c9c3e, #60853c); } .button-large { width: 90%; } .my-btn { display: inline-block; text-decoration: none !important; } .my-btn.yellow_grey { width: 92px; height: 46px; line-height: 46px; padding: 0 39px 0 5px; text-align: center; background-image: url(images/buttons/yellow_grey.png); } body .btn { text-decoration: none; } .italicStyle { color: #888383; font-style: italic; } .button-special { width: 150px; height: 41px; margin: 0 auto; font-size: 18px; line-height: 41px; text-shadow: 1px 1px 1px #FFFFFF; color: #684d07; text-decoration: none; text-align: center; border: 1px solid #f5f1e9; border-radius: 3px; background: -webkit-linear-gradient(top, #6c9c3e, #60853c); background: -moz-linear-gradient(top, #6c9c3e, #60853c); background: -o-linear-gradient(top, #6c9c3e, #60853c); background: -ms-linear-gradient(top, #6c9c3e, #60853c); background: linear-gradient(top, #6c9c3e, #60853c); } .button-special:hover { -webkit-box-shadow: 0px 0px 7px #ffffff; box-shadow: 0px 0px 7px #ffffff; background: -webkit-linear-gradient(top, #fcbe1c, #e2a402); background: -moz-linear-gradient(top, #fcbe1c, #e2a402); background: -o-linear-gradient(top, #fcbe1c, #e2a402); background: -ms-linear-gradient(top, #fcbe1c, #e2a402); background: linear-gradient(top, #fcbe1c, #e2a402); text-decoration: none; color: #684d07; } /*--------------Icons------------------------*/ /*.imed { vertical-align: top; width: 34px; height: 32px; margin-top: 4px; margin-left: 5px; background-position: left center; background-repeat: no-repeat; } */ .icon-laptop { margin-top: 4px; background-image: url("images/icon-laptop.png"); background-position: 0 0; width: 30px; height: 30px; vertical-align: middle; } .icon-disc { margin-top: 4px; background-image: url("images/icon-disc.png"); background-position: 0 0; width: 30px; height: 30px; vertical-align: middle; } .icon-mail { margin-top: 4px; background-image: url("images/icon-mail.png"); background-position: 0 0; width: 30px; height: 30px; vertical-align: middle; } .icon-next { background-image: url("images/next2.png"); background-position: 2px 3px; } /*-----------------ul-styles------------------*/ [class*="-medium"] li { padding-left: 25px; } /*.disc-small-green li { background-image: url("images/disc-small-green.png"); } .disc-small-orange li { background-image: url("images/disk-small-orange.png"); } .square-small-green li { background-image: url("images/square-small-green.png"); } .tick-small-green li { background-image: url("images/tick-small-green.png"); background-position: left 6px; } .tick-small-orange li { background-image: url("images/tick-small-orange.png"); background-position: left 6px; } .tick-medium-green li, .tick-medium-li { background-image: url("images/tick-medium-green.png"); background-position: left 6px; } .tick-medium-blue li { background-image: url("images/tick-medium-blue.png"); background-position: left 6px; } */ .arrow-small-gray li { background-image: url("images/check_list/arrow-small-gray.png"); } .circle-small-gray li { background-image: url("images/check_list/circle-small-gray.png"); } .square-small-gray li { background-image: url("images/check_list/square-small-gray.png"); } .check-small-gray li { background-image: url("images/check_list/check-small-gray.png"); } .rhombus-small-gray li { background-image: url("images/check_list/rhombus-small-gray.png"); } .star-small-gray li { background-image: url("images/check_list/star-small-gray.png"); } .ul-styled { display: table; list-style: none; } .ul-styled li { position: relative; } .ul-styled li:after { content: " "; display: block; width: 95%; height: 1px; position: absolute; left: 5%; bottom: 0; background: url("images/ul-bg-line.png") left bottom repeat-x; } .socials_wrap { width: 300px; margin: 0 auto; margin-bottom: 15px; } .socials_wrap > tbody > tr > td { width: 100px; } .underline { position: relative; display: inline-block; } .underline:after { content: " "; display: block; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: url("images/ul-bg-line.png") left bottom repeat-x; } li.underline { position: relative; display: inline-block; } li.underline:after { content: " "; display: block; width: 95%; height: 1px; position: absolute; left: 8%; bottom: 0; background: url("images/ul-bg-line.png") left bottom repeat-x; } .hfooter { clear: both; } footer { position: relative; clear: both; margin: 0 auto 0 auto; padding: 50px 30px 20px 30px; color: #ececec; background: url("images/bg/bg5.png"); } footer h1,footer h2,footer h3,footer h4,footer h5,footer h6 { color: #f1f1f1; } footer blockquote { font-size: 12px; line-height: 18px; } footer blockquote:before,footer blockquote:after { background-image: url("images/blockquote-white.png"); } footer blockquote p { font-size: 12px; } footer a { text-decoration: none; color: #f1f1f1; } footer a:hover { text-decoration: none; } footer a:visited { color: #f1f1f1; } footer ul { padding-left: 0; list-style: none; } footer #subscribeform { position: relative; display: table; } footer #subscribeform input { height: 25px; background: rgba(200, 200, 200, 0.8); font-style: italic; } footer #subscribeform #subscribesubmit { position: absolute; top: 1px; right: 1px; width: 40px; height: 33px; text-indent: -10000px; border: 0; border-radius: 0 2px 2px 0; background: #707070 url(images/subscription.png) no-repeat center; } footer .copyright { clear: both; padding: 70px 0 0 0; font-size: 11px; } footer [id*="recent-posts"] li { /*border-bottom: 1px solid #555555;*/ padding: 0 10px 0 10px; } footer [id*="recent-posts"] li:first-child { padding-top: 0; } #searchform > div { position: relative; display: table; } #searchform > div label { display: none; visibility: hidden; } #searchform > div input { width: 190px; height: 25px; background: rgba(200, 200, 200, 0.8); font-style: italic; } #searchform > div #searchsubmit { position: absolute; top: 1px; right: 1px; width: 40px; height: 33px; text-indent: -10000px; border: 0; border-radius: 0 2px 2px 0; background: #707070 url(images/search.png) no-repeat center; } #subscribeinput { width: 166px; } /*---------------breadcrumbs-----------------*/ .breadcrumbs { position: relative; margin: 0 0 5px 0; font-size: 11px; line-height: 20px; color: #7b6656; list-style: none; } .breadcrumbs:before { content: " "; display: block; width: 100%; height: 1px; } .breadcrumbs a { text-decoration: none; } .breadcrumbs a:hover { text-decoration: underline; } .wp_list_categories { list-style: none; margin: 0; padding: 0; } .wp_list_categories li { float: left; padding: 0; background: none; } .wp_list_categories li a { text-decoration: none; } .wp_list_categories li a:hover { text-decoration: underline; } .article_date { float: left; display: block; margin-bottom: 0; padding-left: 20px; font-size: 11.5px; color: #888383; background: url("images/date1.png") left 2px no-repeat; } .date-calend { float: left; display: block; width: 33px; height: 50px; margin-right: 10px; padding: 11px 0 0; text-align: center; font-size: 18px; line-height: 22px; text-transform: uppercase; color: #4a4a4a; background: url("images/calend.png") left 0 no-repeat; } .date-calend span { display: block; font-size: 10px; } .comments { display: block; float: right; padding-left: 17px; font-size: 11.5px; text-decoration: none; cursor: pointer; color: #7b6656; background: url("images/comments1.png") left 4px no-repeat; } .comments:hover { text-decoration: underline; } .tags { display: block; color: #959595; font-size: 11.5px; } .tags a { text-decoration: none; } .tags a:hover { text-decoration: underline; } .author { color: #888383; font-size: 11.5px; } .author a { text-decoration: none; } .author a:hover { text-decoration: underline; } /*---------------Navigation---------------*/ .navigation { clear: both; display: table; margin: 20px auto 50px auto; list-style: none; } .navigation li { float: left; background: none; padding: 0; } .navigation a,.navigation span { height: 24px; line-height: 24px; padding: 0 8px; display: inline-block; margin-left: 4px; text-align: center; color: #61883c; } .navigation .current,.navigation a:hover { color: #fff; text-decoration: none; background: #61883c; } .navigation .prev { margin-right: 15px; padding-left: 15px; color: #898484; text-decoration: underline; background: url("images/navigation-pointer1.png") left 10px no-repeat; } .navigation .next { margin-left: 15px; padding-right: 15px; color: #898484; text-decoration: underline; background: url("images/navigation-pointer.png") right 10px no-repeat; } .navigation .last { color: #898484; text-decoration: underline; background: none !important; } .navigation .prev:hover,.navigation .navigation .last:hover,.navigation .navigation .next:hover { color: #2f2c2e; } /*-----------form------------*/ .form-myform { max-width: 300px; } .form-myform input,.form-myform textarea { border-radius: 3px; font-style: italic; color: #888383; font-size: 12.5px; background: rgba(255, 255, 255, 0.24); } .form-myform button { border-radius: 3px; color: #888383; font-size: 12.5px; } .form-myform .btn { width: 183px; border-color: #c8c8b8; font-size: 16px; color: #80aa58; font-style: normal; } .form-myform .btn.styled { background: -webkit-linear-gradient(top, #6c9c3e, #60863c); background: -moz-linear-gradient(top, #6c9c3e, #60863c); background: -o-linear-gradient(top, #6c9c3e, #60863c); background: -ms-linear-gradient(top, #6c9c3e, #60863c); background: linear-gradient(top, #6c9c3e, #60863c); color: #2b3c1b; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2); } .form-myform .btn.styled:hover { color: #fff; background: -webkit-linear-gradient(top, #6c9c3e, #60863c); background: -moz-linear-gradient(top, #6c9c3e, #60863c); background: -o-linear-gradient(top, #6c9c3e, #60863c); background: -ms-linear-gradient(top, #6c9c3e, #60863c); background: linear-gradient(top, #6c9c3e, #60863c); background-position: 0; } /*-----------comments------------*/ #comments { margin-top: 40px; } #comments .more-link-button { height: 30px; } .recent_posts { padding-bottom: 10px; margin-top: 10px; } .recent_posts h1 a,.recent_posts h2 a { display: block; line-height: 16px; margin-bottom: 3px; font-size: 14px; text-transform: uppercase; color: #60853c; text-decoration: none; font-style: italic; } .recent_posts h1 a:hover,.recent_posts h2 a:hover { text-decoration: underline; } .recent_posts p { line-height: 18px; } .recent_posts .more-link { display: inline-block; height: 18px; line-height: 18px; cursor: pointer; margin-top: 10px; padding: 0 10px; color: #fff; border: 0; text-decoration: none !important; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); border-radius: 3px; background: -webkit-linear-gradient(top, #e5ad1b, #c28c01); background: -moz-linear-gradient(top, #e5ad1b, #c28c01); background: -o-linear-gradient(top, #e5ad1b, #c28c01); background: -ms-linear-gradient(top, #e5ad1b, #c28c01); background: linear-gradient(top, #e5ad1b, #c28c01); float: right; margin-top: 20px; margin-right: 12px; } .recent_posts .more-link:hover { text-decoration: none; color: #fff; background: -webkit-linear-gradient(top, #fcbe1c, #e3a403); background: -moz-linear-gradient(top, #fcbe1c, #e3a403); background: -o-linear-gradient(top, #fcbe1c, #e3a403); background: -ms-linear-gradient(top, #fcbe1c, #e3a403); background: linear-gradient(top, #fcbe1c, #e3a403); } .recent_posts .more-link:visited { color: #fff; } .left { float: left; } .right { float: right; } .overflow { overflow: hidden; } .clear { clear: both; } .clear-left { clear: left; } span.pull-right { display: block; } .non-underline { text-decoration: none; } .non-underline:hover { text-decoration: underline; } /*composer*/ .ui-tabs .ui-tabs-nav > li { background: none; } .tweet_list li { background: none; } #content .wpb_twitter_widget ul.tweet_list li,.wpb_twitter_widget ul.tweet_list li { border-bottom: 0 !important; } pre,code { font-size: 14px; } .hr { display: block; position: relative; height: 10px; background: url(images/icon_01.png) center no-repeat; } .hr:before { content: " "; display: block; position: absolute; left: 0; top: 3px; width: 49%; border-top: 3px double #cccccc; } .hr:after { content: " "; display: block; position: absolute; right: 0; top: 3px; width: 49%; border-top: 3px double #cccccc; } .hr1 { background-image: url(images/icon_02.png); } .header_top_hr { clear: both; display: block; margin-bottom: 5px; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #ffffff; } .no-transform { text-transform: none; } .wpb_separator { border: 0; } /*.box1, .box1_1, .box1_2, .box1_3, .box1_4, .box2, .box2_1 { margin-bottom: 20px; } */ #container .box1,#container .box1_1,#container .box1_2,#container .box1_3,#container .box1_4 { position: relative; } #container .box1 .wpb_content_element,#container .box1_1 .wpb_content_element,#container .box1_2 .wpb_content_element,#container .box1_3 .wpb_content_element,#container .box1_4 .wpb_content_element,#container .box1 ul.wpb_thumbnails-fluid > li,#container .box1_1 ul.wpb_thumbnails-fluid > li,#container .box1_2 ul.wpb_thumbnails-fluid > li,#container .box1_3 ul.wpb_thumbnails-fluid > li,#container .box1_4 ul.wpb_thumbnails-fluid > li,#container .box1 .last_toggle_el_margin,#container .box1_1 .last_toggle_el_margin,#container .box1_2 .last_toggle_el_margin,#container .box1_3 .last_toggle_el_margin,#container .box1_4 .last_toggle_el_margin,#container .box1 .wpb_button,#container .box1_1 .wpb_button,#container .box1_2 .wpb_button,#container .box1_3 .wpb_button,#container .box1_4 .wpb_button { margin-bottom: 20px; } #container .box1:before,#container .box1_1:before,#container .box1_2:before,#container .box1_3:before,#container .box1_4:before { content: " "; display: block; position: absolute; z-index: 1; width: 10000px; height: 100%; margin-left: -5000px; } #container .box1 .wpb_wrapper,#container .box1_1 .wpb_wrapper,#container .box1_2 .wpb_wrapper,#container .box1_3 .wpb_wrapper,#container .box1_4 .wpb_wrapper { position: relative; z-index: 100; padding-top: 10px; } #container .box2,#container .box2_1 { position: relative; border-top: 1px solid #fcfbfa; border-bottom: 1px solid #fcfbfa; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); } #container .box2 .wpb_wrapper,#container .box2_1 .wpb_wrapper { position: relative; z-index: 100; padding: 10px 10px 0 10px; } .box3,.box3_1 { margin: 10px 0; padding: 38px 0 0 0; border-top: 2px solid #e1e1e1; border-bottom: 2px solid #e1e1e1; } .box3 .wpb_content_element .wpb_wrapper,.box3_1 .wpb_content_element .wpb_wrapper { position: relative; padding: 10px 5px; } .box3 .wpb_content_element .wpb_wrapper:before,.box3_1 .wpb_content_element .wpb_wrapper:before { content: " "; display: block; position: absolute; left: -11px; top: 0; height: 100%; border-left: 1px dashed #cccccc; } .box3 > div:first-child .wpb_wrapper:before,.box3_1 > div:first-child .wpb_wrapper:before { border-left: none; } /*.wpb_grid .wpb_thumbnails-fluid > .isotope-item, .wpb_filtered_grid .wpb_thumbnails-fluid > .isotope-item { min-width: 200px !important; } */ .wpb_teaser_grid h2 { margin-bottom: 10px; } .wpb_teaser_grid h2 a { font-size: 14px; text-decoration: none; } .wpb_thumbnails > li { margin-bottom: 20px; } .wpb_thumbnails li h2 { line-height: 20px; } .wpb_thumbnails li { background: none; padding-left: 0; } div.box4 .post-title,div.box4_1 .post-title { margin: 0 !important; padding: 10px 0 8px 10px; background: #ebebeb; line-height: 20px; } div.box4 .post-title a,div.box4_1 .post-title a { font-size: 14px; color: #959595; text-decoration: none; text-transform: none; } div.box4 .entry-content,div.box4_1 .entry-content { overflow: hidden; position: absolute; z-index: 120; top: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; width: 100%; height: 100%; margin: 0; padding: 0; color: #555555; background:#ebebeb; /*p { position: absolute; } */ } div.box4 .entry-content .post-title,div.box4_1 .entry-content .post-title { padding: 10px 10px 8px 20px; background: none; } div.box4 .wpb_thumbnails > li,div.box4_1 .wpb_thumbnails > li { position: relative; } div.box4 .wpb_thumbnails > li .post-thumb,div.box4_1 .wpb_thumbnails > li .post-thumb { display: block; } div.box4 .wpb_thumbnails > li .link_image_icon,div.box4_1 .wpb_thumbnails > li .link_image_icon { display: block; width: 35px; height: 34px; position: absolute; right: 0; bottom: 0; background: #555555 url("images/search-submit.png") center no-repeat; } /*.lead li { line-height: 30px; } */ li { line-height: 20px; } .bigger { font-size: 13.799999999999999px; line-height: 23px; } .bigger li { font-size: 13.799999999999999px; line-height: 25px; background-position: left center; } h1.bigger { /*font-size: h1 * 1.25; */ line-height: 23px; } .smaller { font-size: 11px; } /*.fb_iframe_widget { vertical-align: top; } #___plusone_0 { vertical-align: top !important; margin-left: 30px !important; } */ /*--------------@media MAX--------------*/ @media (max-width: 480px) { .blog-box-2-col-items { width: 100%; margin-right: 0; margin-left: 0; } .portfolio-box-2-col-items { width: 100%; margin-right: 0; margin-left: 0; } .blog-box .combine { position: relative; } } @media (max-width: 767px) { .vc_responsive div.vc_row-fluid div[class*="vc_span"] { float: none; display: block; width: auto; margin-left: 0; } .box1 .box1,.box1_1 .box1,.box1_2 .box1,.box1_3 .box1,.box1_4 .box1,.box1 .box1_1,.box1_1 .box1_1,.box1_2 .box1_1,.box1_3 .box1_1,.box1_4 .box1_1 { padding: 0; } .box3 .wpb_content_element .wpb_wrapper,.box3_1 .wpb_content_element .wpb_wrapper { border-left: 0; } } @media (max-width: 979px) { .ww { margin-left: -20px; margin-right: -20px; } header.ww { padding-left: 30px; padding-right: 30px; } #wrapper { min-height: auto !important; } img.img-styled,img.img-styled1,.img-styled img,.img-styled1 img,.wrapMainImg .my_more { max-width: 96% !important; } body header { height: auto; } header { height: auto; } header .logo { float: none; display: table; height: auto; max-width: auto; margin-left: auto; margin-right: auto; margin-bottom: 15px; } .logo { display: table; margin: 0 auto; } .main-menu { display: none; } .responsive-nav { display: table; margin: 10px auto 10px auto; } .responsive-nav-menu2 { display: table; margin: 80px auto 10px auto; } .logo-wrap { float: none; } footer,.hfooter { height: auto !important; margin: 0 !important; } } /*----------------@media MIN-----------------------*/ @media (min-width: 980px) { .responsive-nav { display: none; } } /*----------------@media MIN and MAX-----------------*/ @media (min-width: 768px) and (max-width: 979px) { body .container .media-width50 { width: 50%; } } @media (max-width: 1025px) { body #wrapper { width: auto; padding: 0 20px; } body footer { width: auto; } } .test_slider { position: relative; } .test_slider > img { display: block; position: relative; z-index: 1; margin: 0; } .test_slider .rev_slider_wrapper { position: absolute; top: 0; left: 0; overflow: hidden; } .sl_wrap { display: block; position: absolute; left: 0; top: 0px; width: 100%; } .gallery img { border: 0 !important; } .separator { clear: both; display: block; margin: 20px 0; } /* green blue red light-grey orange white dark light-green light-blue pink brown */ .separator1 { height: 1px; background-color: #898989; } .separator1.green { background-color: #7ea756; } .separator1.blue { background-color: #003471; } .separator1.red { background-color: #ed9084; } .separator1.light-grey { background-color: #d8dade; } .separator1.orange { background-color: #f8be53; } .separator1.white { background-color: #fff; } .separator1.dark { background-color: #000; } .separator1.light-green { background-color: #c2d53b; } .separator1.light-blue { background-color: #68a2c1; } .separator1.pink { background-color: #ba3f62; } .separator1.brown { background-color: #4a2c14; } .separator2 { height: 2px; border-top: 1px solid #898989; border-bottom: 1px solid #a1a1a1; } .separator2.green { border-top-color: #7ea756; border-bottom-color: #9ec777; } .separator2.blue { border-top-color: #003471; border-bottom-color: #003471; } .separator2.red { border-top-color: #ed9084; border-bottom-color: #f0a096; } .separator2.light-grey { border-top-color: #d8dade; border-bottom-color: #d8dade; } .separator2.orange { border-top-color: #f8be53; border-bottom-color: #f8be53; } .separator2.white { border-top-color: #fff; border-bottom-color: #fff; } .separator2.dark { border-top-color: #000; border-bottom-color: #000; } .separator2.light-green { border-top-color: #c2d53b; border-bottom-color: #c2d53b; } .separator2.light-blue { border-top-color: #68a2c1; border-bottom-color: #68a2c1; } .separator2.pink { border-top-color: #ba3f62; border-bottom-color: #ba3f62; } .separator2.brown { border-top-color: #4a2c1d; border-bottom-color: #4a2c1d; } .separator3 { height: 2px; border-top: 2px solid #898989; border-bottom: 1px solid #a1a1a1; } .separator3.green { border-top-color: #7ea756; border-bottom-color: #9ec777; } .separator3.blue { border-top-color: #003471; border-bottom-color: #003471; } .separator3.red { border-top-color: #ed9084; border-bottom-color: #f0a096; } .separator3.light-grey { border-top-color: #d8dade; border-bottom-color: #d8dade; } .separator3.orange { border-top-color: #f8be53; border-bottom-color: #f8be53; } .separator3.white { border-top-color: #fff; border-bottom-color: #fff; } .separator3.dark { border-top-color: #000; border-bottom-color: #000; } .separator3.light-green { border-top-color: #c2d53b; border-bottom-color: #c2d53b; } .separator3.light-blue { border-top-color: #68a2c1; border-bottom-color: #68a2c1; } .separator3.pink { border-top-color: #ba3f62; border-bottom-color: #ba3f62; } .separator3.brown { border-top-color: #4a2c1d; border-bottom-color: #4a2c1d; } .separator4 { border-top: 2px dotted #a1a1a1; } .separator4.green { border-top-color: #9ec777; } .separator4.blue { border-top-color: #003471; } .separator4.red { border-top-color: #f0a096; } .separator4.light-grey { border-top-color: #d8dade; } .separator4.orange { border-top-color: #f8be53; } .separator4.white { border-top-color: #fff; } .separator4.dark { border-top-color: #000; } .separator4.light-green { border-top-color: #c2d53b; } .separator4.light-blue { border-top-color: #68a2c1; } .separator4.pink { border-top-color: #ba3f62; } .separator4.brown { border-top-color: #4a2c1d; } .separator5 { border-top: 2px dashed #a1a1a1; } .separator5.green { border-top-color: #9ec777; } .separator5.blue { border-top-color: #003471; } .separator5.red { border-top-color: #f0a096; } .separator5.light-grey { border-top-color: #d8dade; } .separator5.orange { border-top-color: #f8be53; } .separator5.white { border-top-color: #fff; } .separator5.dark { border-top-color: #000; } .separator5.light-green { border-top-color: #c2d53b; } .separator5.light-blue { border-top-color: #68a2c1; } .separator5.pink { border-top-color: #ba3f62; } .separator5.brown { border-top-color: #4a2c1d; } .separator6 { height: 8px; background: url(images/separators/separator6.png) repeat; } .separator6.green { background-image: url(images/separators/separator6-green.png); } .separator6.blue { background-image: url(images/separators/separator6-blue.png); } .separator6.red { background-image: url(images/separators/separator6-red.png); } .separator6.light-grey { background-image: url(images/separators/separator6-light-grey.png); } .separator6.orange { background-image: url(images/separators/separator6-orange.png); } .separator6.white { background-image: url(images/separators/separator6-white.png); } .separator6.dark { background-image: url(images/separators/separator6-dark.png); } .separator6.light-green { background-image: url(images/separators/separator6-light-green.png); } .separator6.light-blue { background-image: url(images/separators/separator6-light-blue.png); } .separator6.pink { background-image: url(images/separators/separator6-pink.png); } .separator6.brown { background-image: url(images/separators/separator6-brown.png); } .separator7 { height: 9px; background: url(images/separators/separator7.png) repeat-x; } .separator7.green { background-image: url(images/separators/separator7-green.png); } .separator7.blue { background-image: url(images/separators/separator7-blue.png); } .separator7.red { background-image: url(images/separators/separator7-red.png); } .separator7.light-grey { background-image: url(images/separators/separator7-light-grey.png); } .separator7.orange { background-image: url(images/separators/separator7-orange.png); } .separator7.white { background-image: url(images/separators/separator7-white.png); } .separator7.dark { background-image: url(images/separators/separator7-dark.png); } .separator7.light-green { background-image: url(images/separators/separator7-light-green.png); } .separator7.light-blue { background-image: url(images/separators/separator7-light-blue.png); } .separator7.pink { background-image: url(images/separators/separator7-pink.png); } .separator7.brown { background-image: url(images/separators/separator7-brown.png); } .separator8 { height: 9px; background: url(images/separators/separator8.png) repeat-x; } .separator8.green { background-image: url(images/separators/separator8-green.png); } .separator8.blue { background-image: url(images/separators/separator8-blue.png); } .separator8.red { background-image: url(images/separators/separator8-red.png); } .separator8.light-grey { background-image: url(images/separators/separator8-light-grey.png); } .separator8.orange { background-image: url(images/separators/separator8-orange.png); } .separator8.white { background-image: url(images/separators/separator8-white.png); } .separator8.dark { background-image: url(images/separators/separator8-dark.png); } .separator8.light-green { background-image: url(images/separators/separator8-light-green.png); } .separator8.light-blue { background-image: url(images/separators/separator8-light-blue.png); } .separator8.pink { background-image: url(images/separators/separator8-pink.png); } .separator8.brown { background-image: url(images/separators/separator8-brown.png); } .sticky {} .gallery-caption {} .bypostauthor {} #reply-title, .comments-title {font-size: 14px;} #comment {width: 50%;}