/*
Theme Name: Portfolio Madness
Author: Tiago Dias (adomasalcore3)
Author URI: http://adomasalcore3.tk
Version: 2.1.0.8
Text Domain: portfolio_madness
*/

body {
    position: relative;
}
header ul.header_menu_social {
    padding-left: 0px;
    list-style: none;
}
.menu_special_image {
    max-width: 100%;
    max-height: 600px;
}
header ul.header_menu_social li {
    display: inline-block;
    float: right;
}
header ul.header_menu_social li a {
    font-size: 20px;
    padding-left: 5px;
}
.head-image {
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 208px;
    background-position: 50% 50%;
}

header {
    position: fixed;
    width: 100%;
    z-index: 800;
    background-color: rgba(37, 41, 48, 0.54);
    max-height: 75px;
}
header *{
        max-height: 75px;
        width:auto;
}
.main_background {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
}
.coloured-madness-cast .container>.row:not(.row-siblings-container), .coloured-madness-cast .container>.row.row-siblings-container .cast-tab.row, .coloured-madness-cast .container .cast-tabs.row, .footer_madness {
    background-color: rgba(37, 41, 48, 0.9);
    color: #d8dee3;
    margin-bottom: 20px;
    padding: 15px 10px;
}
.footer_madness{
    margin-bottom:0px !important;
}
.no-margin-removal {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.profile_img_container img {
    border: 5px solid white;
    border-radius: 5px;
}

.profile_img_container {
    text-align: center;
}
.super_icons_inside i {
    font-size: 40px;
}
/*spacing*/

.spacer-5,.spacer_5{margin-bottom:5px;}
.spacer-10,.spacer_10{margin-bottom:10px;}
.spacer-15,.spacer_15{margin-bottom:15px;}
.spacer-20,.spacer_20{margin-bottom:20px;}
.spacer-25,.spacer_25{margin-bottom:25px;}
.spacer-30,.spacer_30{margin-bottom:30px;}
.spacer-35,.spacer_35{margin-bottom:35px;}
.spacer-40,.spacer_40{margin-bottom:40px;}
.spacer-45,.spacer_45{margin-bottom:45px;}
.spacer-50,.spacer_50{margin-bottom:50px;}
.spacer-55,.spacer_55{margin-bottom:55px;}
.spacer-60,.spacer_60{margin-bottom:60px;}
.spacer-65,.spacer_65{margin-bottom:65px;}
.spacer-70,.spacer_70{margin-bottom:70px;}
.spacer-75,.spacer_75{margin-bottom:75px;}
.spacer-80,.spacer_80{margin-bottom:80px;}
.spacer-85,.spacer_85{margin-bottom:85px;}
.spacer-90,.spacer_90{margin-bottom:90px;}
.spacer-95,.spacer_95{margin-bottom:95px;}
.spacer-100,.spacer_100{margin-bottom:100px;}

@media screen and (min-height:500px){
    footer.footer_madness {
	    position: fixed;
	    bottom: 0px;
	    width: 100%;
	}
    body{
        padding-bottom: 50px;
    }
}

.spinner {
  margin: 20px auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}

.spinner > div {
  background-color: #d8dee3;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: ac3_loader 1.2s infinite ease-in-out;
  animation: ac3_loader 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes ac3_loader {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes ac3_loader {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}
