/* Enter Your Custom CSS Here */

.hamburger-box {
    width: 23px;
    height: 23px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    height: 2.5px;
}

#wprmenu_bar div.hamburger {
    margin-top: 0px;
}


#wprmenu_bar, #wprmenu_bar * {
    text-align: center;
}

#wprmenu_bar .bar_logo {
    margin-left: 27px;
}

/* meta & blog posts */

abbr[title], acronym[title] {
    text-decoration: none;
}

.post-more {
display: none;
}

.post, .search .page {
    margin: 0 0 20px;
}
.small, .smallBold {
    font-size: 0.77rem;
    line-height: 1.2;
}

.post-meta {
margin: 0 0 10px 0;
}


#wpadminbar .ab-icon, #wpadminbar .ab-item::before, #wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon {
display: none;
}


/* Masonry */
.masonry:before, .item:before, item:after, .masonry:after {
  box-sizing: inherit;
}

.masonry {
margin: 1.5em 0;
width: 100%;
column-gap: 1.5em;
}

.item {
display: inline-block;
line-height:1.5;
background: #fff;
margin: 0 0 1.5em;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.18);
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
break-inside: avoid;
}

@media only screen and (min-width: 1024px) {
  .masonry {
    column-count: 2;
  }
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .masonry {
    column-count: 2;
  }
}

@media only screen and (max-width: 767px) and (min-width: 540px) {
  .masonry {
    column-count: 1;
  }
}
/***/



/* TOOLTIP */
/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted red; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
visibility: hidden;
font-size: 8pt;
width: 120px;
background-color: red;
color: #fff;
text-align: center;
padding: 1px 0;
border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
/***/




/* Diploma & Certificate page only */
[class*=g_]{float:left;box-sizing:border-box;text-align:center;padding:7px;min-width:250px;}.g_50{width:50%;}.g_20{width:20%;}.g_25{width:25%;}.g_33{width:33.333%;}.g_100{width:100%}
	
@media screen and (max-width: 767px){
[class*=g_]{float:left;box-sizing:border-box;text-align:center; padding:7px;}.g_100{width:100%;min-width:200px; min-width:250px; min-height:250px;}.g_20{width:100%;}.g_25{width:100%;}.g_33{width:100%;}
}
/***/


/* Page title to center */
.page-title, .page .title {
text-align: center;
margin-top: 25px;
margin-bottom: 25px; 
}
/***/

#nav-container {margin-top: 20px;}
#logo {margin-top: 19px;}

/* Flip animation */
.flip-container {
-webkit-perspective: 1000;
-moz-perspective: 1000;
-o-perspective: 1000;
perspective: 1000;
}

.flip-container, .front, .back {
    width: 320px;
    height: 480px;
}

.flipper {
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;

    position: relative;
}

.front, .back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;

    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;

    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;

    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;

    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;

    transition: 0.6s;
    transform-style: preserve-3d;

    position: absolute;
    top: 0;
    left: 0;
}

.back {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.flip-container:hover .back, .flip-container.hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.flip-container:hover .front, .flip-container.hover .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.front {
    z-index: 2;
}
/***/


.gold_cup {   
background-image: -webkit-linear-gradient(92deg,#fd9000,#feab3a);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

/* ANIMATION 1 */
@-webkit-keyframes hue {
from {-webkit-filter: hue-rotate(0deg);}
to {-webkit-filter: hue-rotate(-360deg);}
}

.hue__anime {
    color: #f35626;
    background-image: -webkit-linear-gradient(92deg,#f35626,#feab3a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: hue 60s infinite linear;
}
/***/


/* ANIMATION 2 */
.hit-the-floor {
color: #fff;
font-size: 5em;
font-weight: bold;
font-family: Jura;
text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
}
/***/


div#mg-wprm-wrap form.wpr-search-form button.wpr_submit {
display: none;
}
[class^="wpr-icon-search"], [class*=" wpr-icon-"] {
display: none;
}

.entry img, #portfolio .group.portfolio-img img {
background: none;
}


/* Skillbar CSS */
* {box-sizing:border-box}
.cnt {width:100%;  background-color:#e6e6e6; font-size:12px; color: #f9f9f9; text-align: left; margin: 2px; font-weight: 300; border-radius: 7px;}
.bar {background-color: #9eb1ad; padding-left: 7px; line-height:15px; border-radius: 7px; text-shadow: 0px 0px 1px black; font-weight: 400;}
.bar0 {color: #000; padding-left: 7px; line-height: 15px; border-radius: 7px; width: 70px; font-size: 12px;  font-weight: 400;}
.bar1 {background-color: #fb5f00; padding-left: 7px; line-height:15px; border-radius: 7px; text-shadow: 0px 0px 1px orange; font-weight: 400;}
.bar2 {background-color: #9ea6b1; padding-left: 7px; line-height:15px; border-radius: 7px; text-shadow: 0px 0px 1px grey; font-weight: 400;}
/* */


hr {margin-top: 7px; margin-bottom: 12px;}

@media screen and (max-width: 767px){
html {margin-top: 0px !important;}
hr {margin-top: 0px; }
}


.wpr_search .wpr-search-field {
margin-left: 6px;
padding: 10px !important;
}

input, textarea {margin-bottom: 0px;}

#wprmenu_bar .bar_logo {
padding: 0px;
width: auto;
height: 20px;
}


#wprmenu_bar .menu_title {line-height: 40px;}
.cbp-spmenu {height: initial;}

#wprmenu_bar .wprmenu_icon_menu {
color: #dbdbdb;
font-size: 14px;
}


@media screen and (max-width: 767px){
#header {display: none;}
html {margin-top: 0px;}
}

#wprmenu_bar img {
vertical-align: inherit;
max-width: 100%;
}


.entry h1 {
margin: 0 0 0.6em;
line-height: 1.2em;
}

.entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
margin: 0 0 0.6em;
line-height: 1.4em;
}

.entry table td, .entry table th {
padding: .3em .6em;
}

.entry table{
margin-top: 0px;
}

#content {
padding: 0px;
}

@media only screen and (max-width: 767px) {
#content {padding-top: 0em;}
}

.nav-toggle {display: none !important;}

.post-meta a:link, .post-meta a:visited, .post p.tags a:link, .post p.tags a:visited {
font-weight: normal;
color: #888;
}

#footer {
padding: 5px 0;
}


li.current_page_item a, ul.nav li.current_page_parent a, ul.nav li.current-menu-ancestor a, ul.nav li.current-cat a, ul.nav li.current-menu-item a {
background: #ffffff;
color: #da0505;
font-weight: 600;
}

.entry img {
border: none;
border-radius: 7px;
}

/* Main menu to the right */
@media only screen and (min-width: 768px) {
#navigation { 
float: right;
vertical-align: center;
width: auto; 
clear:none; 
max-width: 600px;
}
}

#nav-container {
background: none;
margin-bottom: 10px;
}

.post-meta .author {
text-transform: none;
}

/* 
.nav-toggle {
display:none !important;
}
*/

#logo .site-title a:hover {
text-decoration: none;
}

.post .title a:hover {text-decoration: none;}

.entry img {border: none;}

ul.nav li a{
    display: block;
    padding-top: 0.2em !important;
    padding-bottom: 0.2em !important;
}
  
#navigation ul.nav-search a.search-contents {
	padding: 0.5em;}

@media only screen and (max-width: 768px){
.su-tabs-nav span {
    display: none;
}}