/*
Theme Name: Visim physics - Roseta
Theme URI: http://www.cryoutcreations.eu/wordpress-themes/roseta
Template: roseta
Author: Cryout Creations
Author URI: http://www.cryoutcreations.eu
Description: A fast, clean and highly customizable theme. It's beautiful and multi-purpose - use it for your blog, online portfolio, business website or WooCommerce store. It's lightweight, mobile friendly and responsive, created with SEO in mind (taking full advantage of microformats and Schema.org microdata that search engines love). Some of the amazing features include: Responsive / WooCommerce / RTL / Translation Ready / Google Fonts / Gutenberg support / Regular updates. Some of the many customizable aspects include: Layouts (Wide and Boxed) / Site widths / Header elements / Featured images / Colors / Post metas / Widgets areas / Landing page elements / Slider / Typography / Masonry bricks / Socials and much more. Still not convinced? Check out the theme demo: https://demos.cryoutcreations.eu/wp/roseta
Tags: one-column,two-columns,three-columns,right-sidebar,left-sidebar,grid-layout,custom-background,custom-colors,custom-header,flexible-header,custom-menu,featured-image-header,featured-images,front-page-post-form,full-width-template,footer-widgets,microformats,post-formats,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,blog,e-Commerce,portfolio
Version: 1.1.1.1584907061
Updated: 2020-03-22 21:57:41

*/

/* Exercise sorting dropdown styling */
#custom-sort-container {
	float: right;
}

#custom-sort-container select option:disabled{
    color: #959595;
}

/* Table of contents styling */

div.toc-container {
	text-align: left;
}

div.toc-sub-container {
	margin-left: 0.5em;
}

div.toc-exercises {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-column-gap: 1em;
	margin-left: 0.5em;
}

@media (max-width: 768px) {
	div.toc-exercises { 
		grid-template-columns: auto;
	}
	div.toc-col-2 {
		margin-top: 0.5em;
	}
}
  
div.toc-col-1 div {
	display: inline-block;
}

div.toc-exercise-difficulty {
	margin-left: 0.5em;
}

.toc-exercise-difficulty .difficulty-text-container {
	margin-left: 0.5em;
}

/* Category page styling */

/* Styling exercise/post anchors to be located higher up to make room for displaying menu */
a.post-anchor {
	display: block;
    position: relative;
    top: -80px;
    visibility: hidden;
}

.exercise-sub-header {
	line-height: normal;
}

.article-inner button {
	cursor: pointer;
	padding: 0.5em 1em;
}

/* Hide show content styling */

.hidden-content-container {
	display: none;
	line-height: 1.5;
	border: 1px solid #eeeeee;
	text-align: left;
	margin: 0 1em 0.5em 1em;
	padding: 0.8em 1em 0.8em 1em;
}

.close-button {
	position: absolute;
	top: 4px;
	right: 4px;
	cursor: pointer;
}

.hide-button {
	display: none;
}

/* MathJax SVG styling */
mjx-container svg {
	max-width: 100%;
}

/* Difficulty styling */
.difficulty-container {
    text-align: left;
	line-height: normal;
	margin-top: 0.2em;
	padding-top: 0.3em;
}

.difficulty-stars-container > .dashicons-star-filled {
	text-shadow: 0px 0px 2px black;
}

.difficulty-1 {
	color: rgb(154, 255, 123);
}

.difficulty-2 {
	color: rgb(149, 255, 232);
}

.difficulty-3 {
	color: rgb(144, 173, 255);
}

.difficulty-4 {
	color: rgb(255, 211, 130);
}

.difficulty-5 {
	color: rgb(255, 122, 122);
}

.i-icon {
    color: #5893C9;
}

.difficulty-text {
    margin-left: 0.5em;
}


/* Other task elements */

.videoAndTask {
  margin-bottom: 0;
}

.task-container {
    font-size: 120%;
}

.task-container p {
    margin-top: 1em;
    margin-left: 1em;
    padding-left: 1em;
}

.description-block {
  flex-grow: 2;
  flex-shrink: 1;
}

.buttons-container {
    flex: 1;
    display: flex;
}

.left-column, .right-column {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: flex-end;
}

.left-column {
    align-items: flex-start;
    padding-left: 0.5em;
 }
  .right-column {
    align-items: flex-end;
    padding-right: 0.5em;
}

.excercise-button {
	border-radius: 4px;
	margin-top: 0.5em;
	text-align: center;
	white-space: nowrap;
	width: 10.8em;
}


/* Media queries */

/* Large displays, two columns */
@media only screen and (min-width: 992px) {
    .videoAndTask {
        align-content: stretch;
        align-items: stretch;
	}
	.task-container {
	    display: flex;
	    flex-direction: column;
	    position: relative;
	    left: 0;
        justify-content: center;
        width: 50%;
    }
    .task-container p {
        flex: 1;   
    }
	.buttons-container {
	    display: flex;
	    align-self: flex-end;
	    width: 95%;
	}
	.difficulty-container {
	    line-height: normal;
	    padding-left: 1em;
	    margin-left: 1em;
    }
}

/* Smaller than large (mobile), single column */
@media only screen and (max-width: 991px) {
    .videoAndTask {
		display: block;
	}
	.task-container {
	    margin-left: 0 !important;
	}
	.videoColumn, .task-container {
		width: 100%;
	}
	.buttons-container {
	    margin-top: 1.5em;
	    position: static;
	}
	.excercise-button {
        height: 3.7em;
        margin-top: 1em;
        width: 14.3em;
	}
	.hidden-content-container {
	    margin-left: 0.5em;
	}
}

@media only screen and (min-width: 576px) {
  .bigButton {
    display: inline-block;
  }
  .smallButton {
    display: none;
  }
}

/* Phone portrait */
@media only screen and (max-width: 575px) {
  .excercise-button {
    margin-top: 6px;
    width: 41vw;
  }
  .task-container p {
      padding-left: 0;
  }
  .buttons-container {
    margin-right: 0 !important;
  }
  .bigButton {
    display: none;
  }
  .smallButton {
    display: inline-block;
  }
  .left-column button {
      margin-left: 0;
  }
}


/* Order form styling */

/* Disable order form transforms and transitions, causes scroll bug in Firefox when interacting with form fields */
#post-591.hentry {
	transform: none !important;
	-webkit-transform: none !important;
	transition: none !important;
	-webkit-transition: none !important;
}

.cf7sg-container {
	text-align: left !important;
}

span.wpcf7-list-item {
	display: block !important;
}

.password-button {
	right: 10px;
	top: 17px;
	position: absolute;
	z-index: 2;
	cursor: pointer;
}

.student-password, .teacher-password {
	position: relative; 
}

.cf7-smart-grid.has-grid .row div.field span.wpcf7-not-valid-tip {
	position: static;
	background: none;
}

.wpcf7-submit {
	cursor: pointer;
}

.cf7sg-container .cf7-smart-grid.has-grid .container .row {
    border-bottom: 1px solid #3aa6c4;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

#order-form-last-row {
	border: 0;
}

.no-border {
	border: 0;
}

.cf7sg-popup > .cf7sg-popup {
	display: none !important;
}

div.wpcf7-mail-sent-ok {
	display: none !important;
}

form > div.wpcf7-validation-errors {
	border: 2px solid #f00;
}

.entry-content ul {
	text-align: left;	
}

#thank-you-msg {
	display: none;
	text-align: left;
	max-width: 90%;
	border: 2px solid #22aaa1;
	padding: 0.5em;
	margin: auto;
}

#order-form-button-div {
	margin: 0 auto;
	/* Make button same size as reCAPTCHA */
	max-width: 304px;
}

.g-recaptcha > div {
	margin: 0 auto;
}

#recaptcha-row {
	margin-top: 0.5em;
	border: 0;
}

#order-send-button-row {
	border: 0;
}

/* Header image */
#masthead img.header-image {
	opacity: 1;
}