@media screen and (min-width: 0px) { .themecomp_megadiv.n718950{max-width:0px;z-index:999;min-height:100vh ;margin:0 auto 0 auto ;top:0 ;position:fixed ;} } @media (min-width: 0px) and (max-width: 1412px) {.themecomp_megadiv.n718950{display:none;}} @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n718950{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n718950{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n718950{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n181404{z-index:99;width:180px ;padding:30px ;position:absolute ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n181404{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n181404{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n181404{} }
877c.design
@media screen and (min-width: 0px) { .themecomp_megadiv.n82637{height:100% ;width:200px ;left:30px ;position:absolute ;} } @media screen and (min-width: 0px) {.themecomp_megadiv.n82637 .themecomp_peicon i {margin-top: -5px;}} @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n82637{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n82637{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n82637{} }
.themecomp_menu.rand761821.themecomp_horis > .themecomp-menu-li:last-child > a {border-right:;} .themecomp_menu.rand761821 > .themecomp-menu-li > a .themecomp_span {border-bottom:yes; border-color:transparent;} .themecomp_menu.rand761821 > .themecomp-menu-li.current-menu-ancestor > a .themecomp_span, .themecomp_menu.rand761821 > .themecomp-menu-li.current-page-ancestor > a .themecomp_span, .themecomp_menu.rand761821 > .themecomp-menu-li.current-menu-item > a .themecomp_span {border-bottom:yes} .themecomp_menu.rand761821 *:not(.themecomp_outer):not(.themecomp_inner):not(.themecomp_span) {line-height:20px} .themecomp_menu.rand761821 > .themecomp-menu-li {} .themecomp_menu.rand761821 > .themecomp-menu-li > a {text-align: left;padding:5px 0px 5px 0px;background:;text-align:left;} .themecomp_menu.rand761821 > .themecomp-menu-li {text-align: left;font-weight:400;} .themecomp_menu.rand761821 .themecomp_little_label {background-color:;color:;} .themecomp_menu.rand761821 .sub-menu {background-color:#111111;border:0px solid #777;font-size:12px;box-shadow:;font-weight:;} .themecomp_menu.rand761821 .current-menu-ancestor > a, .themecomp_menu.rand761821 .current-page-ancestor > a, .themecomp_menu.rand761821 .current-menu-item > a {color:} .themecomp_menu.rand761821 .themecomp_little_label {margin:-9px 0px 0px 2px;} .themecomp_menu.rand761821 > .themecomp-menu-li:hover > a.themecomp_menu_a {color:#777777;background:;} .themecomp_menu.rand761821 > .themecomp-menu-li .themecomp-menu-li a {color:#c1c1c1;padding:5px 20px 5px 20px;min-width:200px;text-transform:none;text-shadow:none;} .themecomp_menu.rand761821 > .themecomp-menu-li .themecomp-menu-li:hover > a {color:#ffffff;background:;} .themecomp_menu.rand761821 .sub-menu .themecomp-menu-li > a {border-top:0px solid #777} body:not(.themecomp_mobile) .themecomp_menu.rand761821.themecomp_horis > .themecomp-menu-li.megamenu > ul > li > a {background-color:#111111;color:#c1c1c1 !important;} .themecomp_menu.rand761821.themecomp_horis > .themecomp-menu-li > a {border-left:;} .themecomp_menu.rand761821.themecomp_horis > .themecomp-menu-li.megamenu > .sub-menu > .themecomp-menu-li > a {border-right:0px solid #777} .themecomp_menu.rand761821.themecomp_horis .html_area.i .themecomp_peicon {height:20px} .themecomp_menu.rand761821.themecomp_vert {max-width:120px;border-width:0px 0px 0px 0px;border-color:;} .themecomp_menu.rand761821.themecomp_vert > .themecomp-menu-li > a {border-top:} /*Cart*/ .themecomp_menu.rand761821 div[class*="widget_shopping_cart_cont"] .themecomp_widprod_title, .themecomp_menu.rand761821 div[class*="widget_shopping_cart_cont"] .empty, .themecomp_menu.rand761821 div[class*="widget_shopping_cart_cont"] h6 {color:#c1c1c1 !important;} .themecomp_menu.rand761821 div[class*="widget_shopping_cart_cont"] a:hover .themecomp_widprod_title {color:#ffffff;} .themecomp_menu.rand761821 div[class*="widget_shopping_cart_cont"] li .themecomp_widprod_title:hover {color:#ffffff !important;} .themecomp_menu.rand761821 div[class*="widget_shopping_cart_cont"] a:not(.btn) {color:;} .themecomp_menu.rand761821 div[class*="widget_shopping_cart_cont"] a:not(.btn):hover {color:;} .themecomp_menu.rand761821 div[class*="widget_shopping_cart_cont"] {background:#ffffff;} .themecomp_menu.rand761821 div[class*="widget_shopping_cart_cont"], .themecomp_menu.rand761821 div[class*="widget_shopping_cart_cont"] h5, .themecomp_menu.rand761821 div[class*="widget_shopping_cart_cont"] h6 {color:;} .themecomp_menu.rand761821 div[class*="widget_shopping_cart_cont"] .themecomp_buttons a:hover {color:#c1c1c1;}
@media screen and (min-width: 0px) { .themecomp_megadiv.n218781{z-index:99;height:160px ;padding:0px 20px 0 ;margin:0 auto 0 auto ;} } @media screen and (min-width: 1412px) {.themecomp_megadiv.n218781{display:none;}} @media (min-width: 0px) and (max-width: 1412px) {.themecomp_megadiv.n218781{display:block;}} @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n218781{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n218781{padding:0px 15px 0 ;} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n218781{height:110px ;} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n540087{width:100% ;top:0 ;left:0 ;position:absolute ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n540087{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n540087{right:0 ;left:auto ;} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n540087{float:right ;} }
.themecomp_height_441791{height:70px;} @media (min-width: 0px) and (max-width: 1200px) {.themecomp_height_441791{height:px;}} @media (min-width: 0px) and (max-width: 991px) {.themecomp_height_441791{height:50px;}} @media (min-width: 0px) and (max-width: 767px) {.themecomp_height_441791{height:15px;}}
.themecomp_menu.rand3438.themecomp_horis > .themecomp-menu-li:last-child > a {border-right:;} .themecomp_menu.rand3438 > .themecomp-menu-li > a .themecomp_span {border-bottom:yes; border-color:transparent;} .themecomp_menu.rand3438 > .themecomp-menu-li.current-menu-ancestor > a .themecomp_span, .themecomp_menu.rand3438 > .themecomp-menu-li.current-page-ancestor > a .themecomp_span, .themecomp_menu.rand3438 > .themecomp-menu-li.current-menu-item > a .themecomp_span {border-bottom:yes} .themecomp_menu.rand3438 *:not(.themecomp_outer):not(.themecomp_inner):not(.themecomp_span) {line-height:20px} .themecomp_menu.rand3438 > .themecomp-menu-li {} .themecomp_menu.rand3438 > .themecomp-menu-li > a {font-size: 12px;text-align: left;padding:0px 20px 10px 20px;background:;text-align:left;} .themecomp_menu.rand3438 > .themecomp-menu-li {font-size: 12px;text-align: left;font-weight:400;} .themecomp_menu.rand3438 .themecomp_little_label {background-color:;color:;} .themecomp_menu.rand3438 .sub-menu {background-color:#111111;border:0px solid #777;font-size:12px;box-shadow:;font-weight:;} .themecomp_menu.rand3438 .current-menu-ancestor > a, .themecomp_menu.rand3438 .current-page-ancestor > a, .themecomp_menu.rand3438 .current-menu-item > a {color:} .themecomp_menu.rand3438 .themecomp_little_label {margin:-15px 0px 0px -17px;} .themecomp_menu.rand3438 > .themecomp-menu-li:hover > a.themecomp_menu_a {color:#777777;background:;} .themecomp_menu.rand3438 > .themecomp-menu-li .themecomp-menu-li a {color:#c1c1c1;padding:5px 20px 5px 20px;min-width:200px;text-transform:none;text-shadow:none;} .themecomp_menu.rand3438 > .themecomp-menu-li .themecomp-menu-li:hover > a {color:#ffffff;background:;} .themecomp_menu.rand3438 .sub-menu .themecomp-menu-li > a {border-top:0px solid #777} body:not(.themecomp_mobile) .themecomp_menu.rand3438.themecomp_horis > .themecomp-menu-li.megamenu > ul > li > a {background-color:#111111;color:#c1c1c1 !important;} .themecomp_menu.rand3438.themecomp_horis > .themecomp-menu-li > a {border-left:;} .themecomp_menu.rand3438.themecomp_horis > .themecomp-menu-li.megamenu > .sub-menu > .themecomp-menu-li > a {border-right:0px solid #777} .themecomp_menu.rand3438.themecomp_horis .html_area.i .themecomp_peicon {height:20px} .themecomp_menu.rand3438.themecomp_vert {max-width:200px;border-width:0px 0px 0px 0px;border-color:;} .themecomp_menu.rand3438.themecomp_vert > .themecomp-menu-li > a {border-top:} /*Cart*/ .themecomp_menu.rand3438 div[class*="widget_shopping_cart_cont"] .themecomp_widprod_title, .themecomp_menu.rand3438 div[class*="widget_shopping_cart_cont"] .empty, .themecomp_menu.rand3438 div[class*="widget_shopping_cart_cont"] h6 {color:#c1c1c1 !important;} .themecomp_menu.rand3438 div[class*="widget_shopping_cart_cont"] a:hover .themecomp_widprod_title {color:#ffffff;} .themecomp_menu.rand3438 div[class*="widget_shopping_cart_cont"] li .themecomp_widprod_title:hover {color:#ffffff !important;} .themecomp_menu.rand3438 div[class*="widget_shopping_cart_cont"] a:not(.btn) {color:;} .themecomp_menu.rand3438 div[class*="widget_shopping_cart_cont"] a:not(.btn):hover {color:;} .themecomp_menu.rand3438 div[class*="widget_shopping_cart_cont"] {background:#ffffff;} .themecomp_menu.rand3438 div[class*="widget_shopping_cart_cont"], .themecomp_menu.rand3438 div[class*="widget_shopping_cart_cont"] h5, .themecomp_menu.rand3438 div[class*="widget_shopping_cart_cont"] h6 {color:;} .themecomp_menu.rand3438 div[class*="widget_shopping_cart_cont"] .themecomp_buttons a:hover {color:#c1c1c1;}
.themecomp_toggle-wrapper-wrap.n834826 #themecomp_menu-toggle, .themecomp_toggle-wrapper-wrap.n834826 #themecomp_menu-toggle:before, .themecomp_toggle-wrapper-wrap.n834826 #themecomp_menu-toggle:after {background:#111111;} .themecomp_toggle-wrapper-wrap.n834826 {background:;border-color:;height:100%;border-width:0px 0px 0px 0px;text-align:right;} @media screen and (min-width: 0px) { .themecomp_toggle-wrapper-wrap.n834826 {padding:;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_toggle-wrapper-wrap.n834826 {padding:;} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_toggle-wrapper-wrap.n834826 {padding:;} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_toggle-wrapper-wrap.n834826 {padding:;} }
.themecomp_mobile_menu.n834826 .themecomp-menu-li a {color:#111111 !important;background:transparent !important;} .themecomp_mobile_menu.n834826 {background:#ffffff;border-color:#ffffff;border-width:40px 0px 0px 0px;box-shadow:;}
@media screen and (min-width: 0px) { .themecomp_megadiv.n629081{z-index:99999;width:160px ;padding:20px 15px ;position:relative ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n629081{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n629081{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n629081{width:100px ;padding:15px ;} }
877c.design
.themecomp_search_container.n37092 * {color:#ffffff}

Lost Something?

.themecomp_search_form.n_252474 ::-webkit-input-placeholder {color:#111111;opacity:0.5;} .themecomp_search_form.n_252474 ::-moz-placeholder {color:#111111;opacity:0.5;} .themecomp_search_form.n_252474 :-moz-placeholder {color:#111111;opacity:0.5;} .themecomp_search_form.n_252474 :-ms-input-placeholder {color:#111111;opacity:0.5;} .themecomp_search_form.n_252474 .themecomp_subwrap:hover {background:#333333 !important;} .themecomp_search_form.n_252474 .themecomp_subwrap:hover {color: !important;}
Type your keywords above
@media screen and (min-width: 0px) { .themecomp_megadiv.n641753{margin:0 auto 0 auto ;} } @media (min-width: 0px) and (max-width: 1412px) {.themecomp_megadiv.n641753{display:none;}} @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n641753{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n641753{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n641753{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n218424{margin:0 auto 0 auto ;text-align:center ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n218424{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n218424{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n218424{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n994374{} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n994374{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n994374{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n994374{} }
.vc_custom_1462721391614{margin-bottom: 0px !important;} .n929795, .n929795 *:not(i){color:;} .n929795:hover, .n929795 *:hover {color: !important;}

Feature: Separators

Theme Composer has about 100
ready to use shortcodes

Home
  ›  
Features
  ›  
Separators
@media screen and (min-width: 0px) { .themecomp_megadiv.n92053{margin:0 auto 0 auto ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n92053{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n92053{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n92053{} }

×

@media screen and (min-width: 0px) { .themecomp_megadiv.n527774{margin:40px auto 0 auto ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n527774{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n527774{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n527774{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n176827{} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n176827{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n176827{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n176827{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n844862{max-width:400px ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n844862{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n844862{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n844862{} }

There are many facets to the expressive use of typography.

02

@media screen and (min-width: 0px) { .themecomp_megadiv.n229904{} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n229904{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n229904{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n229904{} }

Typography is, quite simply, the art and technique of arranging type. It’s central to the work and skills of a designer and is about the words legible.

@media screen and (min-width: 0px) { .themecomp_megadiv.n447733{margin:0 auto 0 auto ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n447733{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n447733{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n447733{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n197628{} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n197628{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n197628{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n197628{} }

Solid Separator:

@media screen and (min-width: 0px) { .themecomp_megadiv.n521716{} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n521716{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n521716{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n521716{} }

Dashed Separator:

@media screen and (min-width: 0px) { .themecomp_megadiv.n925144{} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n925144{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n925144{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n925144{} }

Shadow Separator:

@media screen and (min-width: 0px) { .themecomp_megadiv.n927375{} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n927375{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n927375{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n927375{} }

Dotted Separator: