/*==================================
	questionToggle
==================================*/

.question-toggle-wrapper {

}

    .question-toggle {
      position: relative;
      display: block;
    }

    .question-toggle:last-child {
      border-bottom: 1px solid #ddd;
    }

        .question-toggle-title {
          position: relative;
          display: block;
          border-top: 1px solid #ddd;
        }

            .question-toggle-title-h4 {
              margin: 0;
              cursor: pointer;
              padding: 32px 42px 32px 0;
            }

            .question-toggle-title-i {
              position: absolute;
              right: 0;
              margin-right: 14px;
              margin-top: 0;
              font-style: normal;
              font-weight: lighter;
              font-size: 18px;
              -webkit-transition: all 0.3s ease;
              transition: all 0.3s ease;
            }

            .question-toggle .question-toggle-title i:before {
              font-family: FontAwesome;
              content: "\f067";
            }

            .question-toggle .question-toggle-title.active i:before {
              font-family: FontAwesome;
              content: "\f068";
            }

            .question-toggle-title-headline {

            }

        .question-toggle-inner {
          padding: 16px 32px 64px 32px;
          display: none;
		  overflow: hidden;
        }
		
		.question-toggle-inner a {
          text-decoration: underline;
        }
        
        .question-toggle-inner img,
        .question-toggle-inner iframe {
          max-width: 100%;
        }
		
		/*Asettelut mahdollisille kuville*/
		
		.question-toggle-inner-imageleft {
			float: left;
			margin-right: 60px;
			margin-bottom: 30px;
		}
		
		.question-toggle-inner-imageright {
			float: right;
			margin-left: 60px;
			margin-bottom: 30px;
		}
		
		.question-toggle-inner-imagetop {
			margin-bottom: 30px;
		}
		
		.question-toggle-inner-imagebottom {
			margin-top: 30px;
		}
		
		.question-toggle iframe {
			max-width: 100%;
			border: none;
		}

/*==== End of questionToggle ====*/


/*==================================
	Responsive
==================================*/

@media screen and (max-width:768px) {

}

@media screen and (max-width:767px) {
	
	.question-toggle img {
		float: none;
        display: block;
        margin: 30px auto;
	}
	
	.question-toggle-inner-imageleft {
		margin-right: 0;
	}
	
	.question-toggle-inner-imageright {
		margin-left: 0;
	}
    
}

/*==== End of Responsive ====*/