/*
* Theme Name: Electronics Tutorials v2.0
* Version: 1.0
* Author: Aspencore Web Team 2016
*/
@import url(css/bootstrap.min.css);
@import url(css/animation.css);
@import url(css/main.css);
@import url(css/font-awesome.css);
@import url(css/monosocialiconsfont.css);
@import url(css/oldstyle.css);
@import url(https://fonts.googleapis.com/css?family=Fira+Sans:400,300,300italic,400italic,500,500italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Martel:400,300,600,700);
@import url(https://fonts.googleapis.com/css?family=Martel+Sans:400,600,700,800,900,300,200);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic);
.respad {
  overflow-x: hidden; }

.arpw-ul .arpw-li .box {
  padding: 15px 0 0;
  background: #FFF;
  -webkit-box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.15);
  -moz-box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.15);
  box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.15); }

.arpw-ul .arpw-li a {
  color: #414042; }
  .arpw-ul .arpw-li a:hover {
    color: #000;
    text-decoration: none; }

@media (min-width: 768px) {
  .arpw-ul .arpw-li div.arpw-thumbnail {
    overflow: hidden;
    min-height: 244px;
    max-height: 244px;
    margin: 0 30px;
    text-align: center;
    -webkit-display: -webkit-box;
    -webkit-display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; } }

@media (max-width: 767px) {
  .arpw-ul .arpw-li div.arpw-thumbnail {
    margin: 0 30px;
    text-align: center;
    align-items: center;
    justify-content: center; } }

.arpw-ul .arpw-li .arpw-title {
  display: block;
  margin: 0 0 20px;
  padding: 30px 30px 0;
  font-family: 'Montserrat', sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 32px;
  white-space: pre-line;
  /* These are technically the same, but use both */
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  /* Instead use this non-standard one: */
  /* Adds a hyphen where the word breaks, if supported (No Blink) */ }

.arpw-ul .arpw-li .arpw-time {
  display: block;
  margin: 0 0 10px;
  padding: 0 30px;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  font-weight: 200;
  color: #ababab;
  line-height: 100%; }
  @media (max-width: 767px) {
    .arpw-ul .arpw-li .arpw-time {
      padding: 0 20px; } }

.arpw-ul .arpw-li .arpw-summary {
  display: block;
  margin: 0 0 10px;
  padding: 0 30px 30px;
  font-family: 'Martel', serif;
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  white-space: pre-line;
  /* These are technically the same, but use both */
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  /* Instead use this non-standard one: */
  /* Adds a hyphen where the word breaks, if supported (No Blink) */ }

.wpcf7-form {
  padding: 30px 0; }
  .wpcf7-form .contact-notice {
    position: relative;
    width: 98%;
    margin-left: 6px;
    margin-right: 7px; }
    .wpcf7-form .contact-notice .wpcf7-response-output {
      width: auto; }
  .wpcf7-form .wpcf7-not-valid-tip {
    display: none !important; }
  .wpcf7-form .wpcf7-not-valid {
    border: 2px solid red; }
  .wpcf7-form input::-webkit-input-placeholder, .wpcf7-form textarea::-webkit-input-placeholder {
    opacity: 1 !important;
    color: #414042; }
  .wpcf7-form input:-moz-placeholder, .wpcf7-form textarea:-moz-placeholder {
    opacity: 1 !important;
    color: #414042; }
  .wpcf7-form input::-moz-placeholder, .wpcf7-form textarea::-moz-placeholder {
    opacity: 1 !important;
    color: #414042; }
  .wpcf7-form input:-ms-input-placeholder, .wpcf7-form textarea:-ms-input-placeholder {
    opacity: 1 !important;
    color: #414042; }
  .wpcf7-form input {
    width: 100%;
    padding: 10px 15px;
    border: 2px solid #414042; }
  .wpcf7-form textarea {
    width: 100%;
    padding: 15px;
    border: 2px solid #414042; }
  .wpcf7-form .wpcf7-submit {
    padding: 16px 0 15px;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    line-height: 100%;
    border: 0;
    background: #414042; }
    .wpcf7-form .wpcf7-submit:hover {
      background: #000; }

.switch-view {
  text-align: right; }

.grid-view {
  background-color: white;
  color: black;
  border: 2px solid silver;
  line-height: 26px;
  padding: 2px;
  width: 64px;
  text-align: center;
  font-size: 65%; }
  .grid-view:hover {
    background-color: silver;
    color: white; }
  .grid-view.active {
    background-color: black;
    color: white; }

.list-view {
  margin-left: -5px;
  width: 64px;
  padding: 2px;
  background-color: white;
  color: black;
  border: 2px solid silver;
  line-height: 26px;
  text-align: center;
  font-size: 65%; }
  .list-view:hover {
    background-color: silver;
    color: white; }
  .list-view.active {
    background-color: black;
    color: white; }

.page-wrapper {
  margin-top: 130px; }
  @media (min-width: 500px) and (max-width: 799px) {
    .page-wrapper {
      margin-top: 0; } }
  @media (max-width: 499px) {
    .page-wrapper {
      margin-top: 0; } }
  @media (min-width: 800px) and (max-width: 1024px) {
    .page-wrapper {
      margin-top: 0; } }

.privacy-policy-body {
  padding: 35px 10px 10px 15px; }
  .privacy-policy-body .effective-date {
    margin: 0 0 17px; }
  .privacy-policy-body #body {
    text-decoration: none;
    color: black; }
  .privacy-policy-body .number-list :before {
    display: inline-block;
    width: 1em;
    padding-right: 0.5em;
    font-weight: bold;
    text-align: right; }
  .privacy-policy-body ul {
    list-style-type: disc; }

.term-use-body {
  padding: 35px 10px 10px 15px; }
  .term-use-body .effective-date {
    margin: 0 0 20px; }
  .term-use-body .terms {
    text-decoration: underline; }