html{
    font-size:62.5%
}
.wrapper{
    width:100%;
    height:100%;
    min-height:100vh;
    display:flex
}
img{
    max-width:100%;
    height:auto
}
.side-panel-container{
    width:400px;
    background-color:#f5f5f5;
    color:#333;
    box-shadow:3px 0px 3px rgba(0,0,0,.15);
    position:relative;
    z-index:1;
    height:100vh;
    overflow:auto
}
.theme-container{
    flex-grow:1
}
.panel{
    display:flex;
    flex-direction:column;
    height:calc(100vh - 81px)
}
.panel:not(.current){
    display:none
}
.panel-body{
    padding:25px;
    overflow:auto;
    box-sizing:border-box;
    font-size:1.4rem;
    flex:1
}
iframe{
    width:100%;
    height:100%;
    border:none
}
hr{
    border:0;
    height:1px;
    background:#e8e8e8;
    margin:30px 0
}
.panel-footer{
    padding:15px 20px;
    border-top:1px solid #a2a2a2
}
.theme-editor-link{
    color:#333;
    text-decoration:none;
    background:url("../images/switch.svg") no-repeat left center;
    background-size:18px;
    padding-left:26px;
    line-height:1.2;
    font-size:1.4rem
}
.theme-editor-link:hover{
    color:#1392e7
}
.primary-actions{
    padding:20px 25px;
    display:flex;
    justify-content:space-between;
    border-bottom:1px solid #a2a2a2
}
.breadcrumbs{
    border-bottom:1px solid #a2a2a2;
    padding:20px 25px;
    font-size:1.4rem;
    font-weight:500;
    background-color:#e8e8e8
}
.breadcrumbs a{
    color:#1392e7;
    text-decoration:none
}
.breadcrumbs a:first-child{
    background:url(../images/left-arrow.svg) no-repeat center left;
    background-size:6px;
    padding-left:15px
}
.breadcrumbs .separator{
    display:inline-block;
    padding:0 5px
}
.navigation{
    list-style:none;
    padding:0;
    margin:0
}
.navigation li a{
    margin-bottom:10px;
    padding:12px 15px;
    border:1px solid #fff;
    background:#fff url(../images/right-arrow.svg) no-repeat center right 15px;
    background-size:6px;
    display:block;
    text-decoration:none;
    color:#333;
    border-radius:5px;
    font-size:1.4rem
}
.navigation li a:hover{
    border:1px solid #a2a2a2
}
.navigation .theme-activate a{
    background:#fff url(../images/checked.svg) no-repeat center right 15px;
    background-size:18px
}
.d-flex-column{
    flex-direction:column;
    align-items:flex-start
}
small{
    display:block;
    margin-top:5px;
    margin-left:5px
}
.pager{
    display:flex;
    margin-bottom:20px
}
.pager a{
    flex:1
}
.pager a.prev{
    background:#fff url(../images/left-arrow.svg) no-repeat center left 15px;
    background-size:6px;
    padding-left:35px;
    border-radius:5px 0 0 5px
}
.pager a.next{
    text-align:right;
    padding-right:35px;
    border-radius:0 5px 5px 0
}
.pager a.disabled{
    background-color:#a2a2a2;
    cursor:default;
    border-color:#a2a2a2
}
.callout{
    border:1px dashed #a2a2a2;
    border-radius:5px;
    padding:10px;
    box-sizing:border-box;
    font-size:1.2rem;
    line-height:1.5;
    position:relative
}
.callout::before{
    position:absolute;
    content:"";
    background:#f5f5f5 url(../images/icon-callout.svg) no-repeat top left;
    width:20px;
    height:20px;
    top:-17px;
    left:10px
}
.spacer-top{
    margin-top:40px
}
.spacer-bottom{
    margin-bottom:20px
}
.toggle-switch{
    display:flex;
    align-items:center;
    font-weight:400
}
.toggle-switch .switch{
    position:relative;
    display:inline-block;
    width:50px;
    height:24px;
    margin-bottom:0
}
.toggle-switch .switch input{
    opacity:0;
    width:0;
    height:0
}
.toggle-switch .slider{
    position:absolute;
    cursor:pointer;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#666;
    -webkit-transition:.4s;
    transition:.4s
}
.toggle-switch .slider:before{
    position:absolute;
    content:"";
    height:16px;
    width:16px;
    left:4px;
    bottom:4px;
    background-color:#fff;
    -webkit-transition:.4s;
    transition:.4s
}
.toggle-switch input:checked+.slider{
    background-color:#1392e7
}
.toggle-switch input:checked+.slider:before{
    -webkit-transform:translateX(26px);
    -ms-transform:translateX(26px);
    transform:translateX(26px)
}
.toggle-switch .slider.round{
    border-radius:24px
}
.toggle-switch .slider.round:before{
    border-radius:50%
}
[type=radio]:checked,[type=radio]:not(:checked){
    position:absolute;
    left:-9999px
}
[type=radio]:checked+label,[type=radio]:not(:checked)+label{
    position:relative;
    padding-left:35px;
    cursor:pointer;
    line-height:17px;
    display:inline-block;
    color:#666
}
[type=radio]:checked+label::before,[type=radio]:not(:checked)+label::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:15px;
    height:15px;
    border:2px solid #666;
    border-radius:100%;
    background:#fff
}
[type=radio]:checked+label::after,[type=radio]:not(:checked)+label::after{
    content:"";
    width:10px;
    height:10px;
    background:#1392e7;
    position:absolute;
    top:4px;
    left:4px;
    border-radius:100%;
    -webkit-transition:all .2s ease;
    transition:all .2s ease
}
[type=radio]:not(:checked)+label:after{
    opacity:0;
    -webkit-transform:scale(0);
    transform:scale(0)
}
[type=radio]:checked+label:after{
    opacity:1;
    -webkit-transform:scale(1);
    transform:scale(1)
}
label{
    font-size:1.4rem;
    font-weight:500;
    margin-bottom:5px;
    display:block
}
.btn{
    height:40px;
    padding:7px 15px;
    box-sizing:border-box;
    border-radius:5px;
    font-size:1.4rem;
    font-weight:500;
    line-height:23px;
    width:fit-content;
    border:1px solid #a2a2a2;
    cursor:pointer;
    background-color:#fff;
    color:#333
}
.btn:hover{
    opacity:.9;
    border-color:#a2a2a2
}
.btn img{
    width:14px;
    height:23px
}
.btn-secondary:hover{
    background-color:#666;
    color:#fff;
    border-color:transparent
}
.btn-primary{
    background-color:#1392e7;
    color:#fff;
    border-color:#1392e7
}
select{
    height:42px;
    padding:10px 30px 10px 15px;
    box-sizing:border-box;
    font-size:1.4rem;
    font-weight:400;
    line-height:1.5;
    font-family:inherit;
    color:#212529;
    background-color:#fff;
    background-image:url("../images/down-arrow.svg");
    background-repeat:no-repeat;
    background-position:right 1rem center;
    background-size:10px;
    border:1px solid #a2a2a2;
    border-radius:5px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    width:100%
}
select:focus{
    outline:0;
    box-shadow:0 0 0 .25rem rgba(13,110,253,.25)
}
select[multiple],select[size]:not([size="1"]){
    background-image:none;
    padding-right:.75rem
}
.custom-upload{
    margin:30px 0 30px;
    padding:5px;
    border:1px dashed #a2a2a2;
    border-radius:5px;
    display:flex
}
.custom-upload:hover{
    border-style:solid
}
.custom-upload span{
    flex:1;
    display:block;
    line-height:60px;
    background-color:#e8e8e8;
    text-align:center;
    border-radius:3px;
    color:#1392e7;
    cursor:pointer;
    font-size:1.4rem
}
input[type=text],input[type=url],input[type=email],input[type=tel]{
    width:100%;
    border-radius:5px;
    padding:12px 15px;
    border:1px solid #a2a2a2;
    background:#fff;
    box-sizing:border-box;
    font-size:1.4rem;
    box-shadow:none
}
input[type=text]:focus,input[type=text]:focus-within,input[type=url]:focus,input[type=url]:focus-within,input[type=email]:focus,input[type=email]:focus-within,input[type=tel]:focus,input[type=tel]:focus-within{
    border-color:#1392e7;
    box-shadow:none
}
textarea{
    width:100%;
    border-radius:5px;
    padding:12px 15px;
    border:1px solid #a2a2a2;
    background:#fff;
    box-sizing:border-box;
    font-size:1.4rem;
    box-shadow:none;
    line-height:1.5
}
textarea:focus,textarea:focus-within{
    border-color:#1392e7;
    box-shadow:none
}
.color-picker{
    display:flex;
    overflow:hidden;
    border-radius:5px;
    width:100%;
    border:1px solid #a2a2a2
}
.color-picker input{
    height:40px;
    border:none;
    outline:0
}
.color-picker input[type=text]{
    text-align:center;
    text-transform:uppercase;
    border-radius:0 5px 5px 0
}
.color-picker input[type=color]{
    width:100px;
    padding:0;
    -webkit-appearance:none
}
.color-picker input[type=color]::-webkit-color-swatch-wrapper{
    padding:0
}
.color-picker input[type=color]::-webkit-color-swatch{
    border:none;
    border-right:1px solid rgba(0,0,0,.1)
}
.theme-preview{
    padding:0;
    font-size:1.4rem;
    margin-bottom:30px
}
.theme-preview .img-wrap{
    display:block;
    border-radius:5px;
    margin-bottom:5px;
    padding:5px;
    border:1px solid #a2a2a2
}
.theme-preview .img-wrap.selected{
    border-color:#0c0
}
.theme-preview img{
    width:100%;
    border-radius:3px;
    display:block
}
.theme-preview .theme-name{
    display:block;
    text-align:center
}
.theme-footer{
    display:flex;
    justify-content:space-between;
    line-height:20px;
    padding:0 5px
}
.theme-footer .theme-name{
    font-weight:500
}
.theme-footer .theme-select{
    color:#1392e7;
    cursor:pointer
}
.theme-footer .theme-selected{
    display:block;
    background:url("../images/checked-green.svg") no-repeat center right;
    background-size:18px;
    padding-right:25px;
    color:#0c0
}
.themes-list{
    margin-bottom:20px
}
.theme-info{
    font-size:1.2rem;
    line-height:1.5;
    margin-top:30px
}
.header-type ul{
    list-style:none;
    margin:0 0 30px;
    padding:0;
    display:flex;
    justify-content:space-between
}
.header-type li{
    display:flex;
    flex:1;
    flex-direction:column;
    align-items:center;
    justify-content:flex-end;
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:center top 10px;
    background-size:50%;
    border:1px solid transparent;
    padding:8px;
    cursor:pointer;
    height:65px
}
.header-type li.type-image{
    background-image:url("../images/banner-image.svg")
}
.header-type li.type-image.active{
    background-image:url("../images/banner-image-white.svg")
}
.header-type li.type-slider{
    background-image:url("../images/banner-slider.svg");
    background-size:45%;
    border-left:1px solid #e8e8e8;
    border-right:1px solid #e8e8e8
}
.header-type li.type-slider.active{
    background-image:url("../images/banner-slider-white.svg");
    border-left:1px solid #1392e7;
    border-right:1px solid #1392e7
}
.header-type li.type-video{
    background-image:url("../images/banner-video.svg");
    background-size:45%
}
.header-type li.type-video.active{
    background-image:url("../images/banner-video-white.svg")
}
.header-type li:first-child{
    border-radius:5px 0 0 5px
}
.header-type li:last-child{
    border-radius:0 5px 5px 0
}
.header-type li:hover{
    border-color:#a2a2a2
}
.header-type li.active{
    background-color:#1392e7;
    color:#fff;
    cursor:default
}
.header-type li.active:hover{
    border-color:#1392e7
}
.header-type img{
    margin-bottom:5px;
    width:50px
}
#header-image .banner-img{
    border-radius:5px;
    margin-bottom:20px
}
.sub-panel:not(.active){
    display:none
}
.theme-options-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-weight:500;
    border-bottom:1px solid #e8e8e8;
    padding-bottom:20px;
    margin-bottom:20px
}
.theme-options-row .form-control-child{
    margin-top:20px;
    display:block;
    width:100%
}
.theme-options-row .switch-txt{
    display:block;
    float:left;
    margin-right:10px
}
.theme-options-row.d-flex-column{
    align-items:flex-start
}
.theme-options-row.d-flex-column span{
    margin-bottom:5px;
    display:block
}
.video-options{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    margin-bottom:30px
}
.video-options li{
    height:40px;
    display:flex;
    align-items:center;
    flex:1;
    justify-content:center;
    background:#fff;
    cursor:pointer;
    border:1px solid transparent
}
.video-options li:first-child{
    border-radius:5px 0 0 5px
}
.video-options li:nth-child(even){
    border-left:1px solid #e8e8e8;
    border-right:1px solid #e8e8e8
}
.video-options li:nth-child(even).active{
    border-left:1px solid #1392e7;
    border-right:1px solid #1392e7
}
.video-options li:last-child{
    border-radius:0 5px 5px 0
}
.video-options li:hover{
    border:1px solid #a2a2a2
}
.video-options li.active{
    background-color:#1392e7;
    color:#fff;
    cursor:default
}
.video-options li.active:hover{
    border:1px solid #1392e7
}
#type-video .label{
    font-weight:500;
    margin:0 0 5px
}
#type-video .label-help{
    font-size:1.2rem;
    margin:0 0 10px
}
#type-video .input-group{
    margin-bottom:20px
}
.video-sub-panel:not(.active){
    display:none
}
#image-gallery .theme-preview{
    margin-bottom:20px
}
#image-gallery .theme-footer{
    justify-content:flex-end
}
.site-social-icons{
    border-bottom:1px solid #e8e8e8;
    margin-bottom:20px
}
.site-social-icons a{
    color:#1392e7;
    text-decoration:none;
    font-weight:500
}
.site-social-icons .icon{
    margin-bottom:15px;
    font-weight:500;
    font-size:1.6rem;
    display:flex;
    align-items:center
}
.site-social-icons .icon img{
    width:25px;
    margin-right:10px
}
.site-social-icons .custom-radio{
    margin-bottom:18px;
    font-size:1.4rem
}
.site-social-icons .custom-radio label{
    margin-bottom:0;
    font-weight:400
}
.site-social-icons .custom-share label{
    font-weight:500
}
.site-social-icons .custom-share ol{
    padding-left:15px;
    font-size:1.2rem;
    line-height:1.35
}
.site-social-icons .custom-share ol li{
    margin-bottom:15px
}
body{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
    font-size:16px
}/*# sourceMappingURL=theme_panel.css.map */