346 lines
5.0 KiB
SCSS
346 lines
5.0 KiB
SCSS
@charset "utf-8";
|
|
|
|
@import "../initial";
|
|
.list-icons ul li {
|
|
padding: 5px 0;
|
|
margin: 0 0 2px 0;
|
|
list-style: none;
|
|
display: flex
|
|
;
|
|
align-items: first baseline;
|
|
font-size: 1em;
|
|
line-height: 1.5;
|
|
}
|
|
.list-icons i {
|
|
color: #316134;
|
|
background: #F4F4F4;
|
|
border-radius: 50%;
|
|
width: 40px!important;
|
|
height: 40px!important;
|
|
line-height: 40px!important;
|
|
text-align: center;
|
|
display: inline-block;
|
|
font-size: 18px;
|
|
margin-right: 15px;
|
|
}
|
|
.contact-text {
|
|
float: left;
|
|
width: 100%;
|
|
margin: 25px 0 25px 0;
|
|
color: #646150;
|
|
font-size: 1em;
|
|
line-height: 1.8;
|
|
padding: 25px 0 0 0;
|
|
box-sizing: border-box;
|
|
border-top-width: 1px;
|
|
border-top-style: dashed;
|
|
border-top-color: #c5c5c5;
|
|
}
|
|
#Content {
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
body:not(.template-slider) #Content {
|
|
padding-top: 30px;
|
|
}
|
|
.section {
|
|
position: relative;
|
|
}
|
|
.section_wrapper, .container {
|
|
max-width: 1370px;
|
|
margin: 0 auto;
|
|
position: relative;
|
|
}
|
|
|
|
@media (max-width: 1499px) {
|
|
.section_wrapper, .container {
|
|
max-width: 1200px;
|
|
}
|
|
}
|
|
|
|
|
|
.section_wrapper:after, .container:after {
|
|
clear: both;
|
|
content: " ";
|
|
display: block;
|
|
height: 0;
|
|
visibility: hidden;
|
|
}
|
|
.items_group{
|
|
.column, .columns {
|
|
float: left;
|
|
margin: 0 1%;
|
|
}
|
|
}
|
|
|
|
.column.column_divider, .column-margin-0px .column {
|
|
margin-bottom: 0;
|
|
}
|
|
.column-margin-10px .column {
|
|
margin-bottom: 10px;
|
|
}
|
|
.column-margin-20px .column {
|
|
margin-bottom: 20px;
|
|
}
|
|
.column-margin-30px .column {
|
|
margin-bottom: 30px;
|
|
}
|
|
.column-margin-40px .column {
|
|
margin-bottom: 40px;
|
|
}
|
|
.column-margin-50px .column {
|
|
margin-bottom: 50px;
|
|
}
|
|
.the_content_wrapper {
|
|
margin: 0 1%;
|
|
}
|
|
.column_content .the_content_wrapper {
|
|
margin: 0;
|
|
}
|
|
.column_attr.align_left {
|
|
text-align: left;
|
|
}
|
|
.column_attr.align_right {
|
|
text-align: right;
|
|
}
|
|
.column_attr.align_center {
|
|
text-align: center;
|
|
}
|
|
.column_attr.align_justify {
|
|
text-align: justify;
|
|
}
|
|
.extra_content .the_content_wrapper {
|
|
margin: 0 1% 40px;
|
|
}
|
|
|
|
/* .with_aside */
|
|
|
|
.with_aside .content_wrapper {
|
|
width: 1200px;
|
|
margin: 0 auto;
|
|
}
|
|
.with_aside .sections_group {
|
|
width: 75%;
|
|
float: left;
|
|
}
|
|
.with_aside .section_wrapper {
|
|
width: 100%;
|
|
}
|
|
.with_aside .four.columns {
|
|
float: right;
|
|
}
|
|
.aside_left .sections_group {
|
|
float: right;
|
|
}
|
|
.aside_left .four.columns {
|
|
float: left;
|
|
}
|
|
|
|
.one-sixth.mcb-wrap {
|
|
width: 16.666%;
|
|
}
|
|
/* 1/6 */
|
|
|
|
.one-fifth.mcb-wrap {
|
|
width: 20%;
|
|
}
|
|
/* 1/5 */
|
|
|
|
.one-fourth.mcb-wrap {
|
|
width: 25%;
|
|
}
|
|
/* 1/4 */
|
|
|
|
.one-third.mcb-wrap {
|
|
width: 33.333%;
|
|
}
|
|
/* 1/3 */
|
|
|
|
.two-fifth.mcb-wrap {
|
|
width: 40%;
|
|
}
|
|
/* 2/5 */
|
|
|
|
.one-second.mcb-wrap {
|
|
width: 50%;
|
|
}
|
|
/* 1/2 */
|
|
|
|
.three-fifth.mcb-wrap {
|
|
width: 60%;
|
|
}
|
|
/* 3/5 */
|
|
|
|
.two-third.mcb-wrap {
|
|
width: 66.666%;
|
|
}
|
|
/* 2/3 */
|
|
|
|
.three-fourth.mcb-wrap {
|
|
width: 75%;
|
|
}
|
|
/* 3/4 */
|
|
|
|
.four-fifth.mcb-wrap {
|
|
width: 80%;
|
|
}
|
|
/* 4/5 */
|
|
|
|
.five-sixth.mcb-wrap {
|
|
width: 83.333%;
|
|
}
|
|
/* 5/6 */
|
|
|
|
.one.mcb-wrap {
|
|
width: 100%;
|
|
}
|
|
/* 1/1 */
|
|
|
|
/* .column */
|
|
|
|
.one-sixth.column {
|
|
width: 14.666%;
|
|
}
|
|
/* 1/6 */
|
|
|
|
.one-fifth.column {
|
|
width: 18%;
|
|
}
|
|
/* 1/5 */
|
|
|
|
.one-fourth.column, .four.columns {
|
|
width: 23%;
|
|
}
|
|
/* 1/4 */
|
|
|
|
.one-third.column {
|
|
width: 31.333%;
|
|
}
|
|
/* 1/3 */
|
|
|
|
.two-fifth.column {
|
|
width: 38%;
|
|
}
|
|
/* 2/5 */
|
|
|
|
.one-second.column {
|
|
width: 48%;
|
|
}
|
|
/* 1/2 */
|
|
|
|
.three-fifth.column {
|
|
width: 58%;
|
|
}
|
|
/* 3/5 */
|
|
|
|
.two-third.column {
|
|
width: 64.666%;
|
|
}
|
|
/* 2/3 */
|
|
|
|
.three-fourth.column {
|
|
width: 73%;
|
|
}
|
|
/* 3/4 */
|
|
|
|
.four-fifth.column {
|
|
width: 78%;
|
|
}
|
|
/* 4/5 */
|
|
|
|
.five-sixth.column {
|
|
width: 81.333%;
|
|
}
|
|
/* 5/6 */
|
|
|
|
.one.column {
|
|
width: 98%;
|
|
}
|
|
/* 1/1 */
|
|
|
|
.section.full-width>.one.column, .section.full-width>.section_wrapper>.one.column, .section.full-width .one.wrap .one.column {
|
|
width: 100%;
|
|
margin: 0;
|
|
}
|
|
/* .Sidebar | .with_aside */
|
|
|
|
.with_aside .content_wrapper {
|
|
max-width: 1240px;
|
|
margin: 0 auto;
|
|
}
|
|
.with_aside .sections_group {
|
|
width: 75%;
|
|
float: left;
|
|
}
|
|
.with_aside .section_wrapper {
|
|
max-width: 98%;
|
|
max-width: calc( 100% - 20px);
|
|
}
|
|
.with_aside .four.columns {
|
|
float: right;
|
|
margin: 0;
|
|
}
|
|
.aside_left .sections_group {
|
|
float: right;
|
|
}
|
|
.aside_left .four.columns {
|
|
float: left;
|
|
}
|
|
/* Sidebar - Both | .aside_both */
|
|
|
|
.aside_both .sections_group {
|
|
width: 60%;
|
|
margin-left: 20%;
|
|
}
|
|
.aside_both .sidebar.columns {
|
|
width: 18%;
|
|
}
|
|
.aside_both .sidebar-1 {
|
|
float: left !important;
|
|
margin-left: -79%;
|
|
}
|
|
|
|
.column_button .button {
|
|
margin: 0!important;
|
|
vertical-align: middle
|
|
}
|
|
.button_align.align_center {
|
|
text-align: center
|
|
}
|
|
.button_align.align_right {
|
|
text-align: right
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
.mobile-header-mini #Top_bar .container {
|
|
width: 100%!important;
|
|
}
|
|
.section_wrapper,.four.columns .widget-area {
|
|
width: calc(100% - 60px)!important;
|
|
}
|
|
.section_wrapper .mcb-wrap, .section_wrapper .column, .container .column, .sections_group, .four.columns {
|
|
margin: 0;
|
|
width: 100%!important;
|
|
clear: both;
|
|
}
|
|
.mobile-sticky #Top_bar.is-sticky {
|
|
position: fixed !important;
|
|
}
|
|
#Top_bar #menu {
|
|
float: left;
|
|
position: absolute !important;
|
|
width: 100%!important;
|
|
padding-bottom: 20px;
|
|
z-index: 300;
|
|
}
|
|
#Top_bar .top_bar_left {
|
|
margin-top: 0px;
|
|
}
|
|
}
|
|
|
|
.edit{
|
|
@media(max-width:480px){
|
|
img{
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
} |