/* ########## Basics ########## */
.toggle .flex-child {flex:0 1 50%;}
.toggle-box.closed {display:none;}
.toggle-box.opened {display:block;}
.toggle-box p {margin:0; padding:0;}

/* ########## Fluid Toggle-Box ########## */
.fluid-toggle-box {overflow:hidden;}

/* ########## Numbered Toggle Boxes ########## */
div.toggle-list div.toggle-box span {position:absolute; top:0; left:0; z-index:1; line-height:1; font-size:18vw; font-weight:bold; color:rgba(201,201,201,0.3);}
.toggle-box {overflow:hidden;}
.toggle-box p {position:relative; z-index:2;}

/* ########## Styles ########## */
.toggle-button:hover {cursor:pointer; color:#009de0;}
.toggle-button.opened {color:#009de0;}
.toggle-button.opened i.icon:before {transform:rotate(180deg); transition:0.5s ease-in-out;}
.toggle-button.closed i.icon:before {transform:rotate(0deg); transition:0.5s ease-in-out;}