/* 
Theme Name:		 Nisar.it Child
Theme URI:		 http://www.nisar.it/
Description:	 Tema di Nisar.it | Child theme based on "WP Bootstrap Starter" and the "Nisar-Themes" plugin.
Author:			 Nisar Abed
Author URI:		 http://www.nisar.it/
Template:		 wp-bootstrap-starter
Version:		 1.0.0
Text Domain:	 wpbsnt-child-nisar-it
*/
/*------------------------------------------------------------------------ 
*/

body {font-size: 16px;}

.only_mobile {display: none;}

/* ----------------------------------------- 
Menu Principale > Logo */

header#masthead .sc_logo_menu,
body:not(.theme-preset-active) #masthead .navbar-nav > li > a.sc_logo_menu {
    padding-left:50px;
    position: relative;
    display: inline-block;}

header#masthead .sc_logo_menu img {
    position: absolute;
    top:2.5px;
    left:2.5px;
    right:auto;
    bottom:auto;
    height: 40px;
    width: auto;
    z-index: 10;}

/* Fx */
header#masthead .navbar-brand img, 
header#masthead .cont_easy_logo img,
header#masthead .sc_logo_menu img {filter: invert(100%);}

header#masthead .navbar-brand:hover img, 
header#masthead .cont_easy_logo:hover img,
header#masthead .sc_logo_menu:hover img {filter: invert(0%);}

/* Logo bynisarit */
/*
body header#masthead .sc_logo_menu.bynisarit span {
    display: block;
    margin-top: -8px;
    margin-bottom: 8px;}

body header#masthead .sc_logo_menu.bynisarit small {
    position: absolute;
    bottom: 5px;
    left: 50px;
    font-size: 12px;
    line-height: 20px;
    opacity: 0.8;}
*/

/* Logo Mobile */
header#masthead .cont_easy_logo {display: none;}

/* BTN > Set Theme > Menu Mobile */
header#masthead .btn_set_theme.menu_mobile {
    position: absolute;
    top: 0px;
    right: calc(2% + 102px);
    height: 50px;
    line-height: 20px;
    padding: 15px;
    color: #fff;
    background-color: transparent;}

header#masthead .btn_set_theme.menu_mobile:hover {
    color: #333;
    background-color: #fff;}

header#masthead .navbar-nav > li.hidden {display: none !important;}

/* ----------------------------------------- 
Titoli */

.entry-header h1.entry-title {border-bottom: 0px solid transparent;}

h1, h2, h3, h4, h5, h6 {font-family: "OpenSans-Light", sans-serif, Arial;}

h3.widget-title {font-size: 1.625em;}

#primary.content-area.tiles_layout .widget_fd_col .so-widget-sow-editor {flex-direction: column;}

#primary.content-area.tiles_layout .widget_fd_col .widget-title {position: relative;}

body .panel-grid-cell .so-widget-sow-editor > .widget-title {
    margin-top: 40px; 
    margin-bottom: 0px;}

.strong {font-weight: bolder;}

/* ----------------------------------------- 
Segnalibri */

.n_bookmark {
    height: 80px;
    margin: -80px 0px -80px 0px;}

/* ----------------------------------------- 
Colore > Default Tema */

.color_theme, a.color_theme, .color_theme a, a.color_theme:hover, .color_theme a:hover,
h1.color_theme, h2.color_theme, h3.color_theme, h4.color_theme, h5.color_theme, h6.color_theme,
.color_theme h1, .color_theme h2, .color_theme h3, .color_theme h4, .color_theme h5, .color_theme h6 {
    color:#000000; 
    transition: 0.2s ease all;}
a.color_theme:hover, .color_theme a:hover {color:#212121;}
.color_theme.txtsh {text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);}
a.underline.color_theme, .underline.color_theme a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.7);
    text-decoration: none;}

/* ----------------------------------------- 
Footer */

footer.entry-footer .edit-link {position: absolute;}

/* ----------------------------------------- 
Link */

a { color: #0056b3;
    text-decoration: none;
    background-color: transparent;}

a:hover {color: #007bff;}

/* ----------------------------------------- 
Intro */

.intro, 
.intro a,
.intro a h1,
.intro a h2 {
    color: #ffffff;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);}

.intro a {cursor: pointer;}

.intro .hero_title,
.intro h1.hero_title {margin: 1rem 0px 0.2rem 0px;}

.intro .hero_text {margin:0px 0px 15px 0px;}

.intro .hero_location,
.intro h2.hero_location {
    font-family: "OpenSans-Regular", sans-serif, Arial;
    text-transform:uppercase;
    margin: 0px 0px 0.5rem 0px;}

.intro .hero_title,
.intro .hero_location,
.intro .hero_text {opacity: 0.85;}

@keyframes pulse_opacity {
    0% {opacity:1;}
    50% {opacity:0.5;}
    100% {opacity:1;}
}

.intro .fx_scroll {
    position: absolute;
    top:auto;
    left: calc(50% - 30px);
    right:auto;
    bottom:15px;
    width: 60px;
    animation: pulse_opacity 2s infinite;}

.intro .fx_scroll:hover {animation:none;}

/* ----------------------------------------- 
Row Gradient > Intro */

@keyframes animateGradientPosition {
	0% {background-position: 0% 50%;}
	50% {background-position: 100% 50%;}
	100% {background-position: 0% 50%;}
}

.row_gradient {
    position: relative;
    background-color: #282828;}

.row_gradient::before {
    content:'';
    position: absolute;
    width: auto;
    height: auto;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    background: linear-gradient(-45deg, #cd5be2, #5b6be2, #5baee2, #5be285, #cde25b);
	background-size: 400% 400%;
	animation: animateGradientPosition 30s ease infinite;}

.row_gradient.gradient_dark::before {
    background: linear-gradient(90deg, #020024 0%, #230d6b 25%, #1999cd 100%);
    /* background-image: url(images/theme/bg_blackbluball.jpg); */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
	background-size: 400% 400%;
    animation: animateGradientPosition 120s ease infinite;}

.row_gradient.row_gradientx2::before {right:50%;}

.tile_pb.tile_transparent {background:none;}

/* ----------------------------------------- 
Rows */

.row_light {background-color: #fbfbfb;}

.row_light.top {
    border-top: 1px solid #eee;
    border-bottom: 0px;}

.row_light.bottom {
    border-top: 0px;
    border-bottom: 1px solid #eee;}

/*
.row_grey {background-color: #f3f5fb;}

.row_grey.top {border-bottom: 0px;}

.row_grey.bottom {
    border-top: 0px;
    border-bottom: 1px solid #eee;}
*/

.row_dark {
    color: #eee;
    background-color: #282828;}

.row_dark h1, .row_dark h2,
.row_dark h3, .row_dark h4,
.row_dark h5, .row_dark h6 {color: #eee;}

/* ----------------------------------------- 
Tile > Bio */

.title_bio, h3.title_bio {text-align: left;}

#primary.content-area.tiles_layout .tile_img.tile_img_profile img {max-height: 70vh;}

.bio_link {
    color: #212529;
    display: inline-block;
    margin:5px 15px 5px 0px;}

/*
.bio_link.icon, 
.bio_link i {color: #3366cc;}
*/

.bio_link:hover,
.bio_link:hover i,
.bio_link.icon:hover {color: #007bff;}

.bio_link.hidden {display: none;}

.bio_link.icon {font-size: 30px;}

.cv_link_page {margin: 8px 0px 0px 0px;}

/* Img Profile */
#primary.content-area.tiles_layout .tile_img.tile_img_profile .n_image_item.desaturate img,
#primary.content-area.tiles_layout .tile_img.tile_img_profile .n_image_item.hover_color img {filter:saturate(0%);}

#primary.content-area.tiles_layout .tile_img.tile_img_profile .n_image_item.hover_color img:hover {filter:saturate(100%);}

/* ----------------------------------------- 
Tile > Skill */

/* Page Builder > Tile Skill / Channel */
#primary.content-area.tiles_layout .tile_skill .so-widget-sow-editor {
    height: auto;
    padding: 0px 0px 0px 0px;
    min-height: 30vh;}

body.page-template-tiles_pb_not.row_bg_noborder .panel-layout .panel-grid .panel-row-style.tile_row_wide {padding: 35px 0px 35px 0px;}

/* Tile Project > Content */
.tile_skill .tile_box {
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 15px auto 15px auto;
    padding: 20px 15px 20px 15px;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    width: 260px;
    max-width: 95%;
    height: auto;
    min-height: 300px;}

#primary.content-area.tiles_layout .tile_skill.x3 .so-widget-sow-editor .textwidget,
#primary.content-area.tiles_layout .tile_skill.x4 .so-widget-sow-editor .textwidget {
    display: flex;
    justify-content:center;
    width: 95%;
    margin-left: 2.5%;
    margin-right: 2.5%;}

#primary.content-area.tiles_layout .tile_skill.x3 .tile_box {margin: 10px 3% 10px 3%;}
#primary.content-area.tiles_layout .tile_skill.x4 .tile_box {margin: 10px 2% 10px 2%;}

/* Tile Project > Svg */
.tile_skill .svg_image {
    width: 90px;
    height: 90px;
    /* transform: scale(1); */
    margin: 0px auto 0px auto;}

@keyframes animateSvgSkillLogo {
    0%,100% {filter: saturate(90%);}
    50% {filter: saturate(50%);}
}

.tile_skill .svg_image {
    /* margin: 0px auto 0px 0px; */
    animation: animateSvgSkillLogo 10s infinite;}

.tile_skill:hover .svg_image {
    filter:grayscale(0%);
    /* transform: scale(1.1); */}

.tile_skill .keyfx {color:#24292e;} /* #3366cc */

@keyframes spinner {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.tile_skill .tile_box.svg_spinner:hover .svg_image {animation: spinner 1500ms linear infinite;}

.tile_skill h4,
.tile_skill .info {
    position: relative;
    padding: 5px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    display: block;
    text-align: center;}

.tile_skill h4 {padding: 10px 0px 5px 0px;}

.tile_skill .info {
    width: 100%;
    max-width: 250px;
    height: auto;
    min-height: 80px;
    color:#666;
    text-shadow: 0px 0px 3px rgba(0,0,0,0.2);}

.tile_skill * {transition: 0.2s ease all;}

/* ----------------------------------------------------------------------- 
Tile > Project */

/* Page Builder > Row Tile Project */
.row_tile_project {line-height: 0px;}

.row_tile_project .so-panel {display: inline-block;}

.row_tile_project .so-panel.hidden {display: none;}

.row_tile_project .so-panel,
.row_tile_project .so-panel .tile_project {
    padding:0px 0px 0px 0px !important;
    margin: 0px 0px 0px 0px !important;}

.row_tile_project.rtp_cx1 .so-panel {width: 100%;}
.row_tile_project.rtp_cx2 .so-panel {width: 50%;}
.row_tile_project.rtp_cx3 .so-panel {width: 33.33333%;}
.row_tile_project.rtp_cx4 .so-panel {width: 25%;}
.row_tile_project.rtp_cx5 .so-panel {width: 20%;}
.row_tile_project.rtp_cx6 .so-panel {width: 16.66666%;}

/* Page Builder > Tile Project */
body.page-template-tiles_pb_not .panel-layout .panel-grid .panel-grid-cell .so-panel .panel-widget-style.tile_project {
    padding: 0px 0px 0px 0px;}

#primary.content-area.tiles_layout .tile_project .so-widget-sow-editor {
    height: auto;
    min-height:0px;}

#primary.content-area.tiles_layout .tile_project .so-widget-sow-editor .textwidget {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;}

.tile_project {background-color: #212121;}

.tile_project.tp_light {background-color: #f6f6f6;}

.tile_project img {max-width: 70%;}

.tile_project .sf_link {
    padding: 5px 5px 5px 5px;
    text-shadow: 0px 0px 5px rgba(0,0,0,0.6);}

/* Tile Project > Content */
.tile_project .tile_box {position: relative;}

/* Tile Project > Hover Fx > Zoom Background */
.tile_project .sf_link.hfx_bgzoom, 
.tile_project .sf_link.hfx_bgzoom:hover,
.tile_project .tile_box.hfx_bgzoom, 
.tile_project .tile_box.hfx_bgzoom:hover {
    background-size: 100% auto;
    transition: 0.2s ease all;}

.tile_project .sf_link.hfx_bgzoom:hover,
.tile_project .tile_box.hfx_bgzoom:hover {background-size: 108% auto;}

/* Tile Project > Hover Fx > Zoom_box */
.tile_project .sf_link.hfx_boxzoom {overflow: hidden;}

.tile_project .sf_link.hfx_boxzoom .box, 
.tile_project .sf_link.hfx_boxzoom:hover .box,
.tile_project .tile_box.hfx_boxzoom .box,
.tile_project .tile_box.hfx_boxzoom:hover .box {
    transform: scale(0.9);
    transition: 0.2s ease all;}

.tile_project .sf_link.hfx_boxzoom:hover .box,
.tile_project .tile_box.hfx_boxzoom:hover .box {transform: scale(1);}

/* bz_strong */
.tile_project .sf_link.hfx_boxzoom.bz_strong:hover .box,
.tile_project .tile_box.hfx_boxzoom.bz_strong:hover .box {transform: scale(1.1);}

/* Tile Project > Hover Fx > Light */
.tile_project .sf_link.hfx_light:before {
    content: '';
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index: 0;
    background-color: rgba(0, 0, 0, 0.35);}

.tile_project .sf_link.hfx_light:hover:before {
    background-color: rgba(0, 0, 0, 0.1);}

.tile_project .sf_link.hfx_light:before,
.tile_project .sf_link.hfx_light:hover:before  {
    transition: 0.2s ease all;}

.tile_project .sf_link.hfx_light * {z-index: 1;}

/* Tile Project > Quad Links */
.tile_project .project_links {
    position: absolute;
    z-index: 10;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    top:10px;
    right:10px;}

/* Quad Link */
.tile_project .project_links .quad_link {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 35px;
    text-align: center;
    overflow: hidden;
    color:rgba(255, 255, 255, 0.8);
    text-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    transform: scale(1.0);
    border-radius: 2px;
    margin: 2px 2px 2px 2px;
    padding: 0px 0px 0px 0px;}

.tile_project .project_links .quad_link:hover {
    color:rgba(255, 255, 255, 0.95);
    text-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    transform: scale(1.1);}

.tile_project .project_links .quad_link,
.tile_project .project_links .quad_link:hover {transition: 0.2s ease all;}

/* Tile Project > Quad Link > hover */
.tile_project .project_links .quad_link.hred:hover {color:rgba(230, 33, 23, 0.95);}

/* ----------------------------------------- 
Tile */

.bg_tilted_white {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(images/theme/bg_tilted_white.png);
    z-index: 2;}

/* ----------------------------------------- 
Tile Contact */

#primary.content-area.tiles_layout .row_contact .textwidget {padding: 0px 5px 0px 5px;}

.row_contact .info_work_location {
    font-family: "OpenSans-Regular", sans-serif, Arial;
    margin: 0px 0px 10px 0px;}

.row_contact h5.txt_pic {zoom: 1.05;}

.cont_buttons,
.btn_circle {
    display: inline-block;
    position: relative;}

.cont_buttons {
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 0px 0px;}

.btn_circle {
    width: 90px;
    height: 90px;
    cursor: pointer;
    font-size: 50px;
    line-height: 90px;
    text-align: center;
    border-radius: 50%;
    padding: 0px 0px 0px 0px;
    margin: 10px 15px 10px 15px;
    color: #0056b3;
    transform: scale(0.90);
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.1);}

.btn_circle:hover {
    color: #0061cb;
    transform: scale(1);
    background-color: rgb(255, 255, 255);}

/* ----------------------------------------- 
Contact Form */

.tile_contacts.n_wpcf7 * {transition: 0.2s ease all;}

.tile_contacts.n_wpcf7 .wpcf7-form {
    text-align: left;
    margin: 5px 5px 35px 5px;}

.tile_contacts.n_wpcf7 .wpcf7-form .form_title {text-align: center;}

.tile_contacts.n_wpcf7 .cf7_separator {border-top:0px;}

.tile_contacts.n_wpcf7 .wpcf7 form .wpcf7-response-output {border-radius: 5px;}

.tile_contacts.n_wpcf7 .wpcf7 label.cf7_label_item span {margin-right: 5px;}

/* Row Dark */
.row_dark .tile_contacts.n_wpcf7 .wpcf7,
.row_dark .tile_contacts.n_wpcf7 .wpcf7 form .wpcf7-response-output {color: #eee;}

.row_dark .tile_contacts.n_wpcf7 .wpcf7 a {
    color:#8dc4ff;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);}

.row_dark .tile_contacts.n_wpcf7 .wpcf7 a:hover,
.row_dark .tile_contacts.n_wpcf7 .wpcf7 a:focus {
    color:#469fff;
    text-decoration: underline;}

.row_dark .tile_contacts.n_wpcf7 .wpcf7 input[type="text"], 
.row_dark .tile_contacts.n_wpcf7 .wpcf7 input[type="email"] {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border: 0px solid #eee;
    border-bottom:2px dotted #eee;
    padding: 5px 5px 5px 5px;}

.row_dark .tile_contacts.n_wpcf7 .wpcf7 input[type="text"]:hover, 
.row_dark .tile_contacts.n_wpcf7 .wpcf7 input[type="text"]:focus,
.row_dark .tile_contacts.n_wpcf7 .wpcf7 input[type="email"]:hover, 
.row_dark .tile_contacts.n_wpcf7 .wpcf7 input[type="email"]:focus {
    border: 0px solid #5990ff;
    border-bottom:2px dotted #5990ff;
    box-shadow: none;}

.row_dark .tile_contacts.n_wpcf7 .wpcf7 input[type="text"], 
.row_dark .tile_contacts.n_wpcf7 .wpcf7 input[type="email"],
.row_dark .tile_contacts.n_wpcf7 .wpcf7 input[type="checkbox"],
.row_dark .tile_contacts.n_wpcf7 .wpcf7 .wpcf7-form-control,
.row_dark .tile_contacts.n_wpcf7 .wpcf7 textarea {
    color:#eee;
    background-color: transparent;}

.row_dark .tile_contacts.n_wpcf7 .wpcf7 input[type="text"]:hover, 
.row_dark .tile_contacts.n_wpcf7 .wpcf7 input[type="text"]:focus, 
.row_dark .tile_contacts.n_wpcf7 .wpcf7 input[type="email"]:hover,
.row_dark .tile_contacts.n_wpcf7 .wpcf7 input[type="email"]:focus,
.row_dark .tile_contacts.n_wpcf7 .wpcf7 textarea:hover,
.row_dark .tile_contacts.n_wpcf7 .wpcf7 textarea:focus {background-color: rgba(255, 255, 255, 0.1);}

.row_dark .tile_contacts.n_wpcf7 .wpcf7 .wpcf7-submit {transform: scale(0.90);}

.row_dark .tile_contacts.n_wpcf7 .wpcf7 .wpcf7-submit {
    transform: scale(1);
    box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.1);}

/* ----------------------------------------- 
Page Builder (Bug) */

.entry-content p:last-child {margin-bottom: 0px;}

.entry-content .panel-layout p:last-child {margin-bottom: 1rem;}

/* ----------------------------------------- 
cookie-notice */

#cookie-notice .cn-button {padding: 10px 5px 10px 5px;}

/* -----------------------------------------
Switch Display Desktop & Mobile */

.solo_mobile {display: none !important;}
.solo_mobile_ib {display: none !important;}
.solo_mobile_flex {display: none !important;}
.solo_desktop {display: block !important;}
.solo_desktop_ib {display: inline-block !important;}
.solo_desktop_flex {display: flex !important;}

/* ----------------------------------------------------------------------- 
Responsive */

.show_ind_ris {display: block;}

/* ----------------------------------------------------------------------- 
Responsive Media Query */

@media (max-width: 2560px) {} 
@media (max-width: 2050px) {} 
@media (max-width: 1920px) {}
@media (max-width: 1680px) {}
@media (max-width: 1344px) {}
@media (max-width: 1280px) {}
@media (max-width: 1164px) {}
/* -----------------------------------------
WP-Bootstrap Mobile - 1200px */
@media (max-width: 1200px) {

    header#masthead .cont_easy_logo {display: block;}

    header#masthead .sc_logo_menu,
    body:not(.theme-preset-active) #masthead .navbar-nav > li > a.sc_logo_menu {display: none;}

    header#masthead #main-nav > ul.navbar-nav {
        display: flex;
        flex-direction: column-reverse;}

    .only_mobile {display: block;}

    header#masthead .only_mobile {display: inline;}

}
/* -----------------------------------------
HD Ready - 1080px */
@media (max-width: 1080px) {

    #primary.content-area.tiles_layout .tile_skill.x3 .tile_box {margin: 10px 2% 10px 2%;}
    #primary.content-area.tiles_layout .tile_skill.x4 .tile_box {margin: 10px 1% 10px 1%;}

    /* 
    Page Builder > Row Tile Project 
    */
    .row_tile_project.rtp_cx1 .so-panel,
    .row_tile_project.rtp_cx2 .so-panel,
    .row_tile_project.rtp_cx3 .so-panel,
    .row_tile_project.rtp_cx4 .so-panel,
    .row_tile_project.rtp_cx5 .so-panel,
    .row_tile_project.rtp_cx6 .so-panel {width: 50%;}

}
@media (max-width: 1024px) {}
@media (max-width: 999px) {}
@media (max-width: 992px) {}
@media (max-width: 810px) {

    .intro .hero_text br {display: none;}

    /* .tile_skill */
    #primary.content-area.tiles_layout .tile_skill.x3 .so-widget-sow-editor .textwidget, 
    #primary.content-area.tiles_layout .tile_skill.x4 .so-widget-sow-editor .textwidget {flex-direction: column;}

    .tile_skill .tile_box,
    #primary.content-area.tiles_layout .tile_skill.x3 .tile_box,
    #primary.content-area.tiles_layout .tile_skill.x4 .tile_box {margin: 10px auto 10px auto;}

    .tile_skill .tile_box, 
    #primary.content-area.tiles_layout .tile_skill.x3 .tile_box, 
    #primary.content-area.tiles_layout .tile_skill.x4 .tile_box {margin: 30px auto 30px auto;}

    /* .tile_skill > .mobile_lastsp */
    .tile_skill .tile_box.mobile_lastsp, 
    #primary.content-area.tiles_layout .tile_skill.x3 .tile_box.mobile_lastsp, 
    #primary.content-area.tiles_layout .tile_skill.x4 .tile_box.mobile_lastsp {margin: 30px auto 5px auto;}

    body.page-template-tiles_pb_not.row_bg_noborder .panel-layout .panel-grid .panel-row-style.tile_row_wide {padding: 10px 0px 10px 0px;}

    /* Page Builder > Row Tile Project */
    .row_tile_project.rtp_cx1 .so-panel,
    .row_tile_project.rtp_cx2 .so-panel,
    .row_tile_project.rtp_cx3 .so-panel,
    .row_tile_project.rtp_cx4 .so-panel,
    .row_tile_project.rtp_cx5 .so-panel,
    .row_tile_project.rtp_cx6 .so-panel {width: 100%;}

    /* Bio */
    #primary.content-area.tiles_layout .row_bio .so-widget-sow-editor,
    #primary.content-area.tiles_layout .row_bio .mh90vh,
    #primary.content-area.tiles_layout .row_bio .mh95vh {min-height:55vh !important;}

    .bio_link {margin: 10px 5px 5px 5px;}

    .bio_link.cv_link_page,
    .bio_link.cv_link_pdf {display: block;}

    .bio_link.cv_link_page.hidden,
    .bio_link.cv_link_pdf.hidden {display: none;}

    #primary.content-area.tiles_layout .tile_img.tile_img_profile {margin-bottom: 70px;}

    /* Row Script */
    #primary.content-area.tiles_layout .row_script .so-widget-sow-editor {min-height:0px;}

    /* Widget Mobile Bottom Space */
    .widget_mbspace .so-widget-sow-editor {margin-bottom: 40px;}

    /* Switch Display Desktop & Mobile */
    .solo_mobile {display: block !important;}
    .solo_mobile_ib {display: inline-block !important;}
    .solo_mobile_flex {display: flex !important;}
    .solo_desktop {display: none !important;}
    .solo_desktop_ib {display: none !important;}
    .solo_desktop_flex {display: none !important;}
    
}
@media (max-width: 765px) {

    .title_bio, h3.title_bio {text-align: center;}

    #primary.content-area.tiles_layout .widget_fd_col .so-widget-sow-editor {overflow: hidden;}

}
@media (max-width: 680px) {}
@media (max-width: 640px) {}
@media (max-width: 568px) {}
@media (max-width: 480px) {}
@media (max-width: 400px) {

    .intro .hero_text {line-height: 22px;}

    .row_contact .info_work_location {line-height: 25px;}

    /* Tile Skill > Mobile */
    .tile_skill .svg_image {margin: 0px auto 0px auto;}

    .tile_skill h4,
    .tile_skill .info {
        text-align: center;}

    /* Btn Circle > Mobile */
    .btn_circle {
        width: 80px;
        height: 80px;
        font-size: 40px;
        line-height: 80px;}

}
@media (max-width: 359px) {}
@media (max-width: 320px) {}
/* ----------------------------------------------------------------------- 
Responsive - Media Queries Max Heigh */
@media (max-height:965px) {}
@media (max-height:720px) {}
@media (max-height:600px) {}
@media (max-height:480px) {}