/*
Creator: Matimu
Date: 26 July 2021
Structure: W3school.com
*/
@charset "utf-8";
/*type comment*/

body,h3 {font-weight: lighter;color: black; font-family: "Raleway", sans-serif} /* Body and headings properties & values */
h3 {text-align: center;}

body, html {height: 100%; line-height: 1.8;margin: 0;} /*  home image height & where it start to display from the top*/

/* Full height image header */
.home-img {
  background-position: center;
  background-size: cover;
  background-image: url("/ahava/images/index/index-pic1.1.1.jpg");
  min-height: 100%;  /*  home image height, 50%=half & 100%=full*/
}
.padding-home-img{max-width: 100%}
.button-home {float: left;background-color: lightgrey;color: black;text-decoration: none;font-size: 20px;padding:2px 8px;}
.button-hover:hover{background: darkgray;cursor: pointer }
.align-home{text-align: left;color: white;font-size: 50px;padding: 750px 0px 0px 20px;}/*position:fixed;
.text-home{text-align: left;color: white;font-size: 50px}
.icons-home{color: white;font-size: 25px;opacity:0.2;cursor: pointer;padding: 50px 15px}
/*------------------------------------------------------------------------------*/

/* Home - Menu*/
.container-menu{padding: 0;margin: 0;background-color: grey;position: fixed;z-index: 9999;}
.padding-menu{width: 100%;position: fixed}

/*.container-menu-sidebar{background-color: black;position: fixed;display: none;}
.block-menu-sidebar{width: 40%; height: 100%;z-index: 999;}
.padding-menu-sidebar{width: 40%; height: 100%;z-index: 999;display: none;}
.sidebar-menu{padding: 60px 100px 6px 0px;text-decoration: none;color: white;display: block;}
.text-sidebar-menu{float: right;}
.close-sidebar-menu{font-size: 50px;}*//* list-style-type: none; */
.menu-top{position: fixed;top: 0;width: 100%;overflow: hidden}
.right-menu {color: black;float: right;text-align: center;text-decoration: none;padding:3px 20px}
.left-menu{color: black;float: left;text-align: center;text-decoration: none;padding:3px 20px}

.right-menu2 div,a{color: black;float: right;text-align: center;text-decoration: none;padding:15px 25px}
.left-menu2{color: black;float: left;text-align: center;text-decoration: none;padding:0px 20px}
li a{display: block;color: white;text-decoration: none;min-width: 200px;padding:12px 30px;text-align: left}

.hover-menu:hover{cursor: pointer;background: darkgray;}
.sidebar-icon{display:none}

.button-menu{background-color: black;color: white;padding:10px 15px; text-decoration: none}
.card-menu{box-shadow: 0 4px 50px 0; transition:0.5s;background-color: whitesmoke;height: 30px;margin-top: 10px}
.align-menu{float: right}
.menu{position: fixed;background-color: gray;z-index: 9999;padding:10px 30px 500px 20px}


/* container 1 - ABOUT*/
/*.container-1{padding:128px 16px;} /* height from the top, to start displaying content*/
.container-1{background-color: white;}
.padding-1{padding:10px 0px 150px 0px;} 
/*.padding-1{max-width: 100%;height:50px} /* spacing and alignments between elements*/
.column-1{float: left;width: 25%}
.align-c{text-align: center;}/* text alignment for paragraphs*/


/* font sizes for paragraphs*/
.size-m{font-size:18px}
.size-l{font-size:19px}

/* sizes for font awesome icons*/
.icon-size-s{font-size: 20px}
i.icon-size-m{font-size: 25px}
.icon-size-l{font-size: 60px}


.margin-bottom-s{margin-bottom:20px}

/* container 2 - Start-up investing*/
.container-2{background-color: grey;}
.padding-2{padding:5px 20px 20px 20px;display:inline-block;min-width:80%}
.button-2{float: left;background-color: black;color: white;padding:10px 15px; text-decoration: none}
.button-2:hover{opacity:0.2;cursor: pointer}
.image-2{border-radius:8px;float:right;width: 95%;height:auto}
.column-2{float: left;width:50%}
.align-2 {text-align: left;}

/* container 3 - WHY AND HOW?*/
.container-3{background-color: white;}
.padding-3-row{padding:10px 0px 20px 0px;display:inline-block;min-width:80%}
.padding-3-column{padding:10px 0px 50px 20px}
.column-3-desktop{float: left;width: 25%;display:block;padding-bottom: 15px}
.column-3-mobile{float: left;width: 100%;display:none}
/*.column-3{float: left;width: 25%;}*/
/*div.column-3{float: left;width:25%;padding:5px}*/
.image-3{width: 95%;height:auto}
.modal-image{max-height:50%;max-width:60%;}
.image-hover:hover{opacity:0.2;cursor: pointer}

/* Modal Images */
.modal{background-color: rgba(0,0,0,4);top:0;left:0;width:100%;height:100%;z-index: 999999;position: fixed}
.modal-content{margin-left:30% ;margin-top: 10%;display: block}/*margin-left:auto;margin-right:auto*/
.close{float:right;font-size:50px;font-weight: bold;color: white;padding-right:10px;}
.close:hover{opacity:0.5;cursor: pointer}

/* container 4 - WHERE*/
.container-4{background-color: grey;}
.padding-4{padding:10px 20px 20px 20px;display:inline-block;}
.column-4{float: left;width: 25%;}
.image-4{width: 100%;height:auto}
.opacity{opacity:0.5}
.grayscale{filter:grayscale(100%)}
.card{box-shadow: 0 4px 8px 0; transition:0.5s;}
.card-text{text-align: center;font-size: 10px}

/* container 5* - Portfolio*/
.container-5{background-color: white;}
.padding-5{padding:5px 0px 150px 0px;}
/*.padding-5{padding:20px 0px 150px 0px;display:inline-block;min-width:85%}*/
/*.column-5{float: left;width:25%;padding:5px;color: white}*/
.column-5{float: left;width: 25%;color: black;}
.size-5-m{font-size: 40px;}

/* container 6 - Our Asset Allocation*/
.container-6{background-color: gray;}
.padding-6{padding:20px 20px 20px 20px;display:inline-block;min-width:85%}
/*div.column-6{float: left;width:50%;padding:5px}*/
.column-6{float: left;}
.column-6-2{float: left;padding-left: 40px}
.text-space{letter-spacing: 3px}
.bar1{background-color: darkgray;height: 30px;}
.bar2{background-color: lightgray;height: 30px;width:200%}
.align-title-6 {text-align: left;}
.align-6 {text-align: center;color: white}

/* container 7 - WE INVEST*/
.container-7{background-color: white;}
.padding-7{padding:10px 0px 20px 20px;display:inline-block;min-width:98%}
/*
.padding-7{display: inline-block;padding:5px 0px 60px 0px;min-width:100%}
div.column-7{float: left;width:50%;padding:5px}*/
.column-7{float: left;width: 25%;}
.align-7 {margin: 0px 10px 0px 5px;}
.button-7{background-color: black;color: white;padding:10px 15px; text-decoration: none;border: none}
.button-7:hover{opacity:0.2;cursor: pointer}
.form-input{height: 20px;width: 200px;border-radius:3px}
.form-input2{height: 50px;width: 200px;border-radius:3px}
.map-7{border-radius:8px;width: 95%;height:auto}

/* container - footer*/
.container-footer{background-color: black;text-align: center;color: white;display: inline-block;width: 100%}
.padding-footer{padding:50px 0px 10px 0px;}
.column-footer{float: left;width:50%;padding:5px}
.icons-footer{float: left;color: white;font-size: 25px}
.scroll-top{background-color: lightgrey;color: black;right: 10px;bottom: 30px;padding: 5px; text-decoration: none;z-index: 99999;position: fixed;}
.center-footer{float: right;color: white}


/* Smaller screen stylesheet*/
@media screen and (max-width: 700px) {
    
/* Home - Menu*/    
.home-img {
  background-position: left;
  background-size: cover;
  background-image: url("/ahava/images/index/index-pic1.1.1.jpg");
  min-height: 100%;  /*  home image height, 50%=half & 100%=full*/

}
/* Global attributes*/
.align-c{text-align: center;}
.align-l{text-align: left;}

/* Home - Menu*/
.container-menu{padding: 0;margin: 0;background-color: grey;position: fixed;z-index: 9999;}
.padding-menu{width: 100%;position: fixed}
.right-menu {display: none}
.sidebar-icon{display:block;padding:3px 20px}
.align-home{text-align: left;color: white;font-size: 50px;padding: 585px 0px 0px 20px;}/*position:fixed;
/*.container-menu-sidebar{background-color: black;position: fixed;}
.block-menu-sidebar{width: 40%; height: 100%;margin:35px 0;} list-style-type: none; 
a.text-sidebar-menu{float: right}*/
.container-menu-sidebar{background-color: black;position: fixed;display:block}
.padding-menu-sidebar{width: 50%; height: 100%;z-index: 999;left:0;right:0;padding: 50px 0px 0px 0px;transition:width 0.5s}
.sidebar-menu{padding: 10px 0px 0px 0px;text-decoration: none;color: white;display: block;min-width:100%;}
.close-sidebar-menu{font-size: 15px;text-align: center}
.close-sidebar-menu:hover{cursor: pointer;background: darkgray;}

/* container 1 - ABOUT*/
.container-1{background-color: white;}
.padding-1{max-width: 100%;height:230px}
.column-1{float: left;width: 50%}


/* container 2 - Start-up investing*/
.container-2{background-color: grey;}
.padding-2{padding:5px 20px 20px 20px;display: inline-block;min-width:80%} /*min-width: 90%*/
.column-2{float: left;width: 100%}
.column-2-2{float: left;padding-left: 0px}
/*.image-2{border-radius:8px;max-width: 60%;max-height: 50%;padding: 0px;float:left}*/
.image-2{border-radius:8px;width: 100%;height:auto}
.button-2{float: left;background-color: black;color: white;padding:10px 15px; text-decoration: none;display:none}

/* container 3 - WHY AND HOW?*/

.container-3{background-color: white;}
.padding-3-row{padding:10px 0px 20px 0px;display: inline-block;min-width:80%}
.padding-3-column{padding:10px 0px 50px 0px}
/*.padding-3-column{padding:10px 0px 50px 20px}*/
.column-3-mobile{float: left;width: 100%;display:block;padding-bottom: 15px}
.column-3-desktop{float: left;width: 50%;display:none}
.image-3{width: 95%;height:auto}
.modal-image{min-height:100%;min-width:100%;}
.modal-content{margin: 10% 0% 20% 0;display: block}

/* container 4 - WHERE*/
.container-4{background-color: grey;}
.padding-4{padding:10px 0px 20px 0px;display: inline-block;min-width:80%}
.padding-4-column{padding:10px 0px 50px 20px;}
.column-4{float: left;width: 50%;display:block;padding-bottom: 15px}
.image-4{width: 100%;height:auto}

/* container 5* - Portfolio/*/
.container-5{background-color: white;}
.padding-5{padding:10px 0px 300px 0px;}
.column-5{float: left;width: 50%;color: black;padding-bottom: 50px}

/* container 6 - Our Asset Allocation*/
.container-6{background-color: grey;}
.padding-6{padding:10px 20px 60px 20px;display: inline-block;min-width:80%}
/*div.column-6{float: left;width:50%;padding:5px}*/
.column-6{float: left;width: 100%;}
.column-6-2{float: left;padding-left: 0px}
.bar1{background-color: darkgray;height: 30px;}
.bar2{background-color: lightgray;height: 30px;width:180%}

/* container 7 - WE INVEST*/
.container-7{background-color: white}
.padding-7{padding:5px 0px 20px 20px;display:inline-block;min-width:85%}
.column-7{float: left;width: 100%;}
/*.column-7{float: left;padding-left: 30px;text-align: left}*/
.column-7 p{text-align: left}
.form-input2{height: 50px;width: 200px;border-radius:3px}
.map-7{border-radius:8px;width: 85%;height:auto}
}