/*
Theme Name: Jobshop
Theme URI: https://www.jobshopsu.co.uk/
Author: Patryk Rozanski
Author URI: https://wordpress.org/
*/

/*Fonts*/


@font-face {
 font-family:'effraregular';
  src: url('./fonts/effra_std_rg-webfont.woff');
    font-weight:400;
 font-style:normal
}

@font-face {
 font-family:'effrabold';
  src: url('./fonts/effra_std_bd-webfont.woff');
    font-weight:400;
 font-style:normal
}

html,
body {
 padding:0;
 margin:0;
 font-family:gt america regular,Arial;
 color:#000
}

main {
 position:relative;
    overflow: hidden;
}

* {
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 outline:0;
 -webkit-tap-highlight-color:transparent;
 box-sizing:border-box
}

.clear:after {
 content:".";
 visibility:hidden;
 display:block;
 clear:both
}

.col1 {color: #25afa2} 
.col2 {color: #e85436}
.col3 {color: /*#ded054*/#25afa2}
.col4 {color: #2390b2}

.col1bk {background-color: #25afa2 !important;}
.col2bk {background-color: #e85436 !important;}
.col3bk {background-color: /*#ded054*/#25afa2 !important;}
.col4bk {background-color: #2390b2 !important;}

.right {float: right;}
.left {float: left;}

.width_1200 {
  max-width: 1200px;
}

h1, h2, h3, h4, h5, h6 {
   font-family:'effrabold';
  font-weight: 400;
}

h2 {
  margin-top: 0pc;
  font-size: 21pt;
  line-height: 26pt;
  font-family:'effrabold';
    margin-bottom: 28px;
}

      p {
  font-family: 'effraregular';
  font-size: 15pt;
  line-height: 20pt;
}

p.large, #mainbanner p.large {
  font-family: 'effraregular';
  font-size: 26pt;
  line-height: 27pt;
}

      p strong {
             font-family:'effrabold';
      }

              p.special {
font-size: 21pt;
line-height: 26pt;
}

label a {
  color: #000;
}

header {margin-top: 100px;position:absolute; top:0px; left: 0px; width:100%; }

header .menu {
  width: 50px;
  height: 41px;
  position: relative;
  transform: rotate(0deg);
  -webkit-transition: all .25s ease;
  transition: all .25s ease;
	display:none;
}

      header nav {
  position: absolute;
  right: 26px;
		    top: 17px;
            transform: rotate(0deg);
  -webkit-transition: all .25s ease;
          pointer-events: auto;
		  opacity:1
}


      header nav.active {
          opacity:1;
          pointer-events: auto;
      }

header nav ul {
  margin: 0px;
  padding: 0px;
}

      header nav ul li {
  display: inline-block;
  position: relative;
  color: #fff;
            font-family: 'effraregular';
  font-size: 15pt;
  line-height: 20pt;
}
              header nav ul li a {
  margin: 0 5px;
                  color: #fff;
                    font-family: 'effraregular';
  font-size: 15px;
  line-height: 20pt;
                  text-decoration: none;
        }

 header nav ul li::after {
  content: ' ';
  position: absolute;
  top: 7px;
  right: -3px;
  width: 2px;
  height: 15px;
  background-color: white;
}

header nav ul li.menu-item-135{
   margin-right: 0px;
}

header nav ul li.menu-item-135::after {display: none;}

.menu.right.active {
  transform: rotate(90deg);
}

  header .menu .bar {
 background-color:#fff;
 width:100%;
 height:7px;
 position:absolute;
 transform-origin:50% 50%;
 transition:transform 400ms ease-out;
 border-radius: 20px;
}
header .menu .bar.one {
 top:0;
 left:0
}
header .menu .bar.two {
 top:16px;
 left:0;
 opacity:1
}
header .menu .bar.three {
 top:32px;
 left:0
}

.container {
  margin: 0 auto;
  padding: 0 30px;
  position: relative;
  z-index: 99;
}

.container .column {
  display: inline-block;
    width:100%;
}

      .container .column .left{
  width: 50%;
  padding-right: 25px;
}

       .container .column .right {
  width: 50%;
  padding-left: 25px;
}

#info .container .column .left {
  width: 50%;
  padding-right: 65px;
  border-right: 1px solid;
}

      #info .container .column .right {
            padding-left: 65px;
      }

      #quotes .container .column {
          padding: 50px 0px;
      }

            #quotes .container .column .right {
            padding-left: 105px;
                color:#fff;
      }

      #quotes .container .column .right h1 {
          color:#fff;
          margin-bottom: 0px;
      }

    ul {
  padding-left: 18px;
}
ul li {
  background-image: none;
  padding-left: 0px;
  list-style: initial;
  margin-bottom: 0px;
font-family: 'effraregular';
font-size: 15pt;
line-height: 20pt;

}

.tabs-wrap-content {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
     transition:transform 400ms ease-out;
}

.tabs-wrap-content.active {
  opacity: 1;
  position: relative;
  top: 0px;
  left: 0px;
}

#mainbanner {
    min-height: 700px;
    position: relative;
    padding-top: 200px;
    padding-bottom: 330px; background-size:cover;}
    

body.page-template-template_jobclub #mainbanner {
    padding-bottom: 0px;
    min-height: auto;
}

body.page-template-template_jobclub  #mainbanner .container .column .left,
body.page-template-template_jobclub  #mainbanner .container .column .right
{
  width: 50%;
}

body.page-template-template_about #mainbanner {
    background-image: url('https://assets-cdn.sums.su/MA/images/su_images/layouts/jobshop/Jobshop-Webskin-bk1.jpg');
}

body.page-template-template_agency #mainbanner {
    background-image: url('https://assets-cdn.sums.su/MA/images/su_images/layouts/jobshop/Jobshop-Webskin-2023-orange.png');
}

body.page-template-template_faq #mainbanner {
    background-image: url('https://assets-cdn.sums.su/MA/images/su_images/layouts/jobshop/Jobshop-Webskin-2023-yellownew1.png');
}

body.page-template-template_contact #mainbanner {
    background-image: url('https://assets-cdn.sums.su/MA/images/su_images/layouts/jobshop/Jobshop-Webskin-2023-yellownew1.png');
}

body.page-template-template_employer #mainbanner {
    /*background-image: url('https://assets-cdn.sums.su/MA/images/su_images/layouts/jobshop/Jobshop-Webskin-2023-yellownew1.png');*/
    background-image: url('https://assets-cdn.sums.su/MA/images/su_images/layouts/jobshop/Jobshop-Webskin-bk1.jpg');
}

body.page-template-template_signup #mainbanner {
    background-image: url('https://assets-cdn.sums.su/MA/images/su_images/layouts/jobshop/Jobshop-Webskin-2023-bluethme.png');
}


#mainbanner p, #mainbanner p a {
  font-size: 21pt;
  line-height: 26pt;
    color:#fff;
}

body.page-template-template_jobclub #mainbanner p {
    color:#000;
}

    p a {
  font-family: 'effraregular';
  font-size: 15pt;
  line-height: 20pt;
  color: #000;
}

    ul li a {color: #000;}

   #pick p a {color: #fff;}

      #mainbanner .container .column .left {width: 60%}
      #mainbanner .container .column .right {width: 40%}

      #mainbanner h1 {color:#fff;}
      body.page-template-template_jobclub #mainbanner h1 {color:#000;}

      a.button {
font-family: 'effrabold';
background-color: #000000;
color: #fff;
font-size: 21pt;
line-height: 26pt;
padding: 15px 20px;
border-radius: 10px;
text-decoration: none;
display: inline-block;

      }

      h1 {
  margin-top: 0pc;
  font-size: 47pt;
  line-height: 45pt;
  color: #000;
          margin-bottom:30px;
}

ul.special {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

ul.special li {
  font-family: 'effraregular';
  font-size: 15pt;
  line-height: 20pt;
  margin-bottom: 15px;
  background-image: url('https://assets-cdn.sums.su/MA/images/su_images/layouts/jobshop/Jobshop-list.png');
  background-repeat: no-repeat;
  background-size: 30px;
  padding-top: 0px;
  background-position: 0px 5px;
  padding-left: 40px;
    list-style: none;
}

ul.special.events li {padding: 5px 0px 7px 40px;}

ul.special li strong
{
  font-family: 'effrabold';
  font-size: 19pt;
  margin-bottom: 10px;
  display: block;
  position: relative;
  top: 6px;
}

#mainbanner .pattern,#quotes .pattern {
    background: url('https://assets-cdn.sums.su/MA/images/su_images/layouts/jobshop/Jobshop-Webskin-2023-strip.png');
background-size: contain;
height: 250px;
position: absolute;
width: 100%;
bottom: 0px;
left: 0px;
}

#quotes .pattern {
      bottom: -70px;
}

      #quotes {
          background-size: cover;
          line-height: 0px;
      }
      
      #quotes2 h1
{
  color: #fff;
}

body.page-template-template_about #quotes {
          background-image: url('https://assets-cdn.sums.su/MA/images/su_images/layouts/jobshop/Jobshop-Webskin-quotebk.png');
}

body.page-template-template_jobclub #quotes {
          background-image: url('https://assets-cdn.sums.su/MA/images/su_images/layouts/jobshop/Jobshop-Webskin-quotebk_2.png');
          height: 600px;
  background-position: center;
  position: relative;
}

body.page-template-template_jobclub #quotes2 {
          background-image: url('https://assets-cdn.sums.su/MA/images/su_images/layouts/jobshop/Jobshop-Webskin-quotebk3.png');
          height: 600px;
  background-position: center;
  position: relative;
  background-size: cover;
}

body.page-template-template_jobclub #quotes3 {
  background-image: url('https://assets-cdn.sums.su/MA/images/su_images/layouts/jobshop/blue-tinit.png');
  height: 600px;
  background-position: center;
  position: relative;
}

body.page-template-template_signup #quotes2 {
    background-image: url('https://assets-cdn.sums.su/MA/images/su_images/layouts/jobshop/Jobshop-Webskin-quotebknew2.png');
  background-size: cover;
}


body.page-template-template_agency #quotes {
          background-image: url('https://assets-cdn.sums.su/MA/images/su_images/layouts/jobshop/ornagetheme.png');
}

body.page-template-template_employer #quotes {
         /* background-image: url('https://assets-cdn.sums.su/MA/images/su_images/layouts/jobshop/yellowtheme.png');*/
          background-image: url('https://assets-cdn.sums.su/MA/images/su_images/layouts/jobshop/Jobshop-Webskin-quotebk.png');
}

body.page-template-template_signup #quotes {
    background-image: url('https://assets-cdn.sums.su/MA/images/su_images/layouts/jobshop/blue-tinit.png');
}


/*Slideshow*/

    #slideshow {position: relative;}

  #slideshow .slide.showing {
  position:relative;
opacity:1;
}

#slideshow .slide {
  position:absolute;
    top:0px;
  left:0px;
opacity:0;
    transition: all 1000ms ease-out;
}

/*Signup*/

body.page-template-template_about #signup .container .column .left {width: 30%;}
body.page-template-template_about #signup .container .column .right {width: 70%;}

body.page-template-template_signup #signup .container .column .left {width: 70%;}
body.page-template-template_signup #signup .container .column .right {width: 30%;}

.register {
  font-family: 'effrabold';
  font-size: 32pt;
  width: 250px;
  color: #fff;
  padding: 68px 30px;
  height: 250px;
  border-radius: 50%;
  text-align: center;
  margin-left: -30px;
  margin-bottom: 50px;
  line-height: 31pt;
}

    .quotes {
  padding: 40px 0px;
}

.quote-wrap {
  height: auto;
  padding: 0px 20px;
  transform: scale(0.85);
    opacity: 0.5;
        transition:all 400ms ease-out;
}

    .slick-next, .slick-next:hover, .slick-next:focus {
      background-image: url('https://assets-cdn.sums.su/MA/images/su_images/layouts/jobshop/Jobshop-list.png') !important;
  background-size: cover !important;
  text-indent: -9999px;
    width: 30px !important;
height: 30px !important;
    right: 0px !important;
    z-index:9999 !important;
    }

       .slick-prev, .slick-prev:hover, .slick-prev:focus {
      background-image: url('https://assets-cdn.sums.su/MA/images/su_images/layouts/jobshop/Jobshop-list.png') !important;
  background-size: cover !important;
  text-indent: -9999px !important;
    width: 30px !important;
height: 30px !important;
    left: 0px !important;
    transform: rotate(-180deg) !important;
        z-index:9999 !important;
    }


.quote-wrap.slick-slide.slick-center {
  transform: scale(1.0);
    opacity: 1;
}

footer {
  padding: 50px 0px;
}

footer p a {
  color: #000;
  font-size: 9pt;
  line-height: 11pt;
  text-decoration: none;
  margin-right: 30px;
  display: inline-block;
}



    footer p br {
  display: none;
}

.quote {
  background-color: #fff;
  padding: 30px;
  position: relative;
  border-radius: 20px;
  max-width: 320px;
  float: right;
}

#mainbanner .quote p {
  color: #000;
  font-size: 17pt;
  line-height: 21pt;
}

#pick ul.special li {
  font-family: 'effrabold';
  font-size: 21pt;
  line-height: 26pt;
  background-position: 0px 2px;
}

#pick {

  background-size: cover;
  padding: 50px 0px;
  margin-top: 50px;
  color: #fff;
  background-position: center;
    overflow: hidden;
}

body.page-template-template_employer #pick {
    background-image: url('https://assets-cdn.sums.su/MA/images/su_images/layouts/jobshop/Jobshop-Webskin-2023-yellowstripnew.png');
}

body.page-template-template_signup #pick {
    background-image: url('https://assets-cdn.sums.su/MA/images/su_images/layouts/jobshop/Jobshop-Webskin-2023-bluestrip.png');
}

.tab {
    transition:transform 400ms ease-out;
}

    .tab {
  padding-left: 40px;
}

.tab.active {
  padding-left: 50px;
}

    .tips_title {
    	padding-top: 50px;
    	margin-top:50px;
    position: relative;
    border-top: 1px solid #000;
    }


.job-fullinfo .info.active {
  display: block;
}

.job-fullinfo .info {
  display: none;
}

/*News*/

 .gnews {
    line-height: normal;
    margin: 0px -15px 0px -15px;
    overflow: hidden;
}

.gnews .gnews_wrap {
    width: 33.333%;
    padding: 0px 15px;
    float: left;
}

.gnews .gnews_img {
    height: 240px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0px auto;
}

.gnews .gnews_title {
    padding: 10px 0px 0px 0px;
    font-size: 22px;
    line-height: 30px;
  color: #000;

}

.gnews .gnews_title p a {
	font-family: 'effrabold';
  color: #000;
	text-decoration:none;
}

.gnews .gnews_title p a:hover {
	text-decoration:underline;
}

.gnews .gnews_date {
  display: block;
  font-size: 13px;
  text-transform: uppercase;
  color: #000;
  font-family: 'effraregular';
}

.gnews_article {
  margin-bottom: 30px;
}
    
.gnews_widget h2 {
    position:relative;
    margin: 0px 0px 30px 0px;
    text-transform: initial;
    }

/*JobShop Events*/

 .js_events {
    line-height: normal;
    margin: 0px -15px 0px -15px;
    overflow: hidden;
}

.js_events .js_events_wrap {
    width: 33.333%;
    padding: 0px 15px;
    float: left;
}

.js_events .js_events_img {
    height: 240px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0px auto;
}

.js_events .js_events_title {
    padding: 10px 0px 0px 0px;
    font-size: 22px;
    line-height: 30px;
  color: #000;

}

.js_events .js_events_title p a {
	font-family: 'effrabold';
  color: #000;
	text-decoration:none;
}

.js_events .js_events_title p a:hover {
	text-decoration:underline;
}

.js_events .js_events_date {
  display: block;
  font-size: 8px;
  text-transform: uppercase;
  color: #000;
  font-family: 'effraregular';
}

.js_events_article {
  margin-bottom: 0;
}
    
.js_events_widget h2 {
    position:relative;
    margin: 0px 0px 30px 0px;
    text-transform: initial;
    }

/*Jobs*/

body.post-template-default header svg path, body.page-template-default header svg path, body.page-template-template_jobs header svg path, body.single-job_listing header svg path, body.page-template-template_ms_jobs header svg path {fill:#000;}

body.post-template-default header nav ul li a, body.page-template-template_jobs header nav ul li a, body.single-job_listing header nav ul li a, body.page-template-template_ms_jobs header nav ul li a {
  margin: 0 5px;
  color: #000;
}

body.post-template-default header svg path, body.page-template-default header svg path, body.page-template-template_m_jobs header svg path, body.single-job_listing header svg path,body.page-template-template_ms_jobs header svg path  {fill:#000;}

body.post-template-default header nav ul li a, body.page-template-default header nav ul li a, body.page-template-template_m_jobs header nav ul li a, body.single-job_listing header nav ul li a,body.page-template-template_ms_jobs header nav ul li a {
  margin: 0 5px;
  color: #000;
}

body.post-template-default header nav ul li::after, body.page-template-default header nav ul li::after, body.page-template-template_m_jobs header nav ul li::after,body.page-template-template_jobs header nav ul li::after,body.single-job_listing header nav ul li::after,
body.page-template-template_ms_jobs header nav ul li::after {background-color: #000;}

body.post-template-default header .menu .bar, body.page-template-default header .menu .bar, body.page-template-template_jobs header .menu .bar,
body.page-template-template_m_jobs header .menu .bar, body.single-job_listing header .menu .bar, body.page-template-template_ms_jobs header .menu .bar,body.page-template-template_m_jobs header .menu .bar  {
  background-color: #000;
}

#mainsec {
  background-size: cover;
  position: relative;
  padding-top: 200px;
  padding-bottom: 0px;
}

#mainsec .container .column .left {
  width: 70%;
}

#mainsec .container .column .right {
  width: 30%;
}

body.page-template-template_jobs header .menu .bar {
    background-color: #000;
}

body.page-template-template_jobclub header .menu .bar {
    background-color: #000;
}

      .job {
  background-color: #fff;
  padding: 40px;
          position: relative;
          border-radius: 20px;
        max-width: 100%;
		  height: 100%;
}

 .job p {
  color: #fff;
  font-size: 17pt;
  line-height: 21pt;
}

.job-wrap {
  width: 33.3333%;
  padding: 0px 20px;
  margin-bottom: 40px;
}

.job-wrap {
    transition:transform 400ms ease-out;
    transform:scale(1.0);

}

.job-wrap:hover {transform:scale(1.05);cursor: pointer;}

#jobs {
  padding-top: 30px;
  overflow: hidden;
}
.jobs-wrap {
  margin: 0px -20px;
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 30px;
      -webkit-transition: all .25s ease;
  transition: all .25s ease;
        pointer-events: none;
	display: flex;
width: 100%;
flex-wrap: wrap;
}

.jobs-wrap.active {
  opacity: 1;
  position: relative;
  left: auto;
    pointer-events: auto;
}
.job-fullinfo {
  position: absolute;
  top: 0px;
  left: 30px;
  opacity: 0;
      -webkit-transition: all .25s ease;
  transition: all .25s ease;
    pointer-events: none;
}

    .job-fullinfo.colr4 h1 {color: #2390b2;}
    .job-fullinfo.colr1 h1 {color: #25afa2;}
    .job-fullinfo.colr3 h1 {color: #ded054;}
    .job-fullinfo.colr2 h1 {color: #e85436;}

    .job-fullinfo.colr4 .apply {background-color: #2390b2;}
    .job-fullinfo.colr1 .apply {background-color: #25afa2;}
    .job-fullinfo.colr3 .apply {background-color: #ded054;}
    .job-fullinfo.colr2 .apply {background-color: #e85436;}

.job-fullinfo.active {
  position: relative;
  top: 0px;
  left: auto;
  opacity: 1;
        pointer-events: auto;
}

/*Footer*/

	body.page-template-template_about .st1{fill:#25AFA2;}
	body.page-template-template_agency .st1{fill:#e85436;}
	body.page-template-template_faq .st1{fill:#ded054;}
body.page-template-template_contact .st1 {
  fill: #ded054;
}
body.page-template-template_employer .st1{fill:#25afa2;}
   body.page-template-template_signup .st1{fill:#2390b2;}
   
   .grid
{
  display: inline-block;
  width: 100%;
  margin: 0px -5px;
}

.item_wrap
{
  width: 33.333%;
  float: left;
  padding: 0px 5px;
  margin-bottom: 10px;
}

.item_wrap .button
{
width: 100%;
  font-size: 12pt;
  padding: 15px 15px;
  text-align: left;
  line-height: 13pt;
}

#clubinfo {
    padding: 50px 0px;
}

#clubinfo h2
{
  margin-top: 150px;
  font-size: 28pt;
  line-height: 32pt;
}

body.page-template-template_jobclub footer
{
  padding: 50px 0px;
  background: #000;
  color: #fff;
}

body.page-template-template_jobclub footer p a
{
  color: #fff;
}

body.page-template-template_jobclub .st1
{
  fill: #fff;
}

body.page-template-template_jobclub header nav ul li::after
{
  background-color: black;
}

body.page-template-template_jobclub footer p a svg path {
  fill: #fff;
}

body.page-template-template_jobclub header nav ul li a
{
  color: #000;
}

.terms {
    text-align:center;
    margin-bottom: 100px;
    
}

.terms p {
    font-size: 9pt;
    line-height: 12pt;
    font-family: 'effrabold';
}

.wrapper1 {
    max-width:100%;
    padding-right:25%;
    padding-top: 25px;
    padding-bottom: 25px;
    border-right: 1px solid #000;
    margin-top: -50px;
}

.wrapper2 {
    max-width:100%;
    padding-right:25%;
    padding-top: 25px;
    padding-bottom: 90px;
    border-right: 1px solid #000;
    margin-top: -50px;
}

label
{
  font-family: 'effrabold';
}

input.wpcf7-text
{
  width: 100%;
  padding: 10px 15px;
    border-radius: 8px;
  border: 1px solid #000;
  font-size: 20px;
  margin-top: 5px;
}

.wpcf7-textarea
{
width: 100%;
  padding: 15px 10px;
  margin-top: 5px;
  font-family: 'effrabold';
  font-size: 15px;
  border-radius: 8px;
  font-size: 20px;
  border: 1px solid #000;
}

.wpcf7-submit
{
  font-family: 'effrabold';
  background-color: #000000;
  color: #fff;
  font-size: 21pt;
  line-height: 26pt;
  padding: 15px 20px;
  border-radius: 10px;
  text-decoration: none;
  display: inline-block;
  border: none;
}

.eventsheader {
	margin-top: 60px
}

/*Overides*/

body.page-template-template_signup #mainbanner {
  background-image: url('http://jobshopsu.co.uk/wp-content/uploads/2025/07/aboutus.webp');
}

body.page-template-template_signup #quotes {
  background-image: url('http://jobshopsu.co.uk/wp-content/uploads/2025/07/aboutus_gradient.webp');
}

body.page-template-template_signup #quotes2 {
  background-image: url('http://jobshopsu.co.uk/wp-content/uploads/2025/07/aboutus_small2.webp');
  background-size: cover;
}

.col4 {
  color: #a350c4;
}

.col4bk {
  background-color: #a350c4 !important;
}


body.page-template-template_signup .st1 {
  fill: #a350c4;
}

body.page-template-template_employer #mainbanner {
  background-image: url('http://jobshopsu.co.uk/wp-content/uploads/2025/07/employer.webp');
}

.col3 {
  color: #14b6ac;
}

.col3bk {
  color: #14b6ac;
}

body.page-template-template_employer #quotes {
 background-image: url('http://jobshopsu.co.uk/wp-content/uploads/2025/07/employer_small.webp');
}

.col3bk {
  background-color: #14b6ac !important;
}

body.page-template-template_employer .st1 {
  fill: #14b6ac;
}

body.page-template-template_faq #mainbanner {
  
	background-image: url('http://jobshopsu.co.uk/wp-content/uploads/2025/07/contactus.webp');
}

.st0 {
  fill: #f15f47;
}

body.page-template-template_faq .st1 {
  fill: #f15f47;
}

.col2bk {
  background-color: #f15f47 !important;
}

body.page-template-template_contact #mainbanner {
  background-image: url('http://jobshopsu.co.uk/wp-content/uploads/2025/07/faqs.webp');
}

body.page-template-template_contact .st1 {
  fill: #f4b619;
}

#quotes .container, #quotes2 .container {
  padding: 50px 30px;
}

        @media only screen and (min-width:1px) and (max-width:1200px){

      #mainbanner .container .column .left {width: 50%}
      #mainbanner .container .column .right {width: 50%}

    h1 br {
  display: none;
}

    #quotes .container .column .right {
  padding-left: 0px;
  color: #fff;
}

    }

    @media only screen and (min-width:1px) and (max-width:1000px){

		.gnews .gnews_wrap {
  width: 50%;
}
		
		.eventsheader {
	margin-top: 0px
}
		
    .job-wrap {
  width: 50%;
    }

    footer p br {
  display: block;
}

    .column.cols1 {
  padding-bottom: 45px;
}

    .faqs {margin-bottom: 30px !important;}

    h1 {
  margin-top: 0pc;
  font-size: 37pt;
  line-height: 37pt;
    }

    .tips_title {text-align:left; margin-bottom: 0px;}

    .tips_title svg {display:none;}

    h2 br {
  display: none;
}

    #mainbanner p, #mainbanner p a {
  font-size: 18pt;
  line-height: 19pt;

    }

  h2 {
  font-size: 18pt;
  line-height: 19pt;

    }


    ul li {
  list-style: none;
  font-size: 13pt;
  line-height: 17pt;
      margin-bottom: 8px;
}

    p {
  font-size: 13pt;
  line-height: 17pt;
}

    p.special {
  font-size: 19pt;
  line-height: 21pt;
}

    #mainbanner .quote {
    	display: none;
    }

    #mainbanner .container .column .right img {
  display: none;
}

      #mainbanner .container .column .left {width: 100%}
      #mainbanner .container .column .right {width: 100%}


    #mainbanner .pattern,#quotes .pattern {
  background-size: 150%;
    height: 200px;
    }
    
    #quotes .pattern
{
  bottom: 0px;
}

        #mainbanner {
  padding-bottom: 250px;
}

body.page-template-template_jobclub #quotes,body.page-template-template_jobclub #quotes2
{
  height: 400px;
}

body.page-template-template_jobclub ul.special li
{
    background-position: 0px 11px;
  }

    #quotes {
  background-position: center;
}

    #info .container .column .left {
  width: 100%;
  padding-right: 0px;
  border-right: none;
}

#info .container .column .right {
  padding-left: 0px;
  width: 100%;
}

    ul.special li {
  background-size: 19px;
  background-position: 0px 1px;
  padding-left: 29px;
}

    a.button {
  font-size: 16pt;
  line-height: 23pt;
    }

    #info {
  padding: 50px 0px;
}

    .container .column .left, .container .column .right {
  width: 100% !important;
    padding: 0px !important;
    }

    #quotes .container .column {
  padding: 100px 0px;
}

        #signup .container .column .left {
  width: 100% !important;
padding-right: 0px;
    text-align:center;
}

#signup .container .column .right {
  width: 100% !important;
padding-left: 0px;
      text-align:center;
}

.register {
  margin: 50px auto 30px auto !important;
  float: none !important;
}

        ul {
  margin: 0px !important;
    }

footer span {
  float: none !important;
  margin-top: 15px;
  display: block;
}

    footer svg {display: block;}

    #signup p {
  margin: 10px 0px !important;
}

    #pick ul li {
  background-position: 0px 8px;
}

#clubinfo h2
{
  margin-top: 30px;
}

.wrapper1
{
  max-width: 100%;
  padding-right: 0%;
  padding-top: 0px;
  padding-bottom: 20px;
  border-right: none;
  margin-top: 0px;
}

.wrapper2
{
  max-width: 100%;
  padding-right: 0%;
  padding-top: 0px;
  padding-bottom: 0px;
  border-right: none;
  margin-top: 0px;
}

ul.tips li
{
  list-style: initial;
}
		
		ul.special.events li {
padding: 2px 0px 8px 29px;
    line-height: 19pt;
    background-position: 0px 5px;
}
		
		 .tips_title.news {
    margin-bottom: 30px;
  }

    }

    @media only screen and (min-width:1px) and (max-width:750px){

.gnews {
  margin: 0px;
}
		
				.gnews .gnews_wrap {
  width: 100%;
					padding: 0px 0px;
}
		
		    header nav {
    padding-top: 20px;
    right: auto;
top: auto;
    }
		
		header .menu {
  display: block;
}

header nav {
  top: auto;
          pointer-events: none;
		  opacity:0
}

.item_wrap
{
  width: 50%;
}

                .job-wrap {
  width: 100%;
    }
    
    p.large, #mainbanner p.large
{
font-size: 20pt;
    line-height: 23pt;
  margin-bottom: 0px;
}


    #mainbanner .pattern,#quotes .pattern {
  background-size: 200%;
        height: 150px;
    }

    #mainbanner {
  padding-bottom: 200px;
}


        }

        @media only screen and (min-width:1px) and (max-width:500px){

    .quote-wrap {
  padding: 0px 0px;
    }

    header svg {
  height: 41px;
}

header nav ul li a {
  font-size: 7.8pt;
  text-decoration: none;
}

    .register {
  font-size: 30pt;
  padding: 72px 30px;
  line-height: 29pt;
}

footer div.socialicons {
	display:block;
	
}
    }