/*
Theme Name: Interview Gold Theme URI: 
Description: Version: 2021 v1.2
MAIN STYLE SHEET
*/



body{ 	margin: 0; 	margin-top:0px; 	
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;   
font-size: 15px; 
line-height: 24px; 
color:#2d2d2d;	
margin-bottom:0px; 
background-color:#ffffff;
}

.clear {clear:both;}

#container{ 
width: 1020px;	
margin: 0 auto; 
text-align:left; 	
background-color: #FFFFFF; 
margin-top:130px;  }

#containerin {padding: 30px;}
.column {     width:660px;	 margin-top:50px; margin: 0 auto; float:left;  }
.column tr td { font-size:12px;}
.column img {	display: block;    max-width: 100%;    height: auto;  margin: 10px 0 30px 0px;}
.column-index {     width: 100%;    padding-top:20px;    float:left;   }
 .column-index img {	display: block;    max-width: 100%;    height: auto;  margin: 10px 0 30px 0px;}

.center {margin: auto; }
.jumpto {padding-top: 150px;	margin-top: -60px;}
.image-top-post { width:40%!important; height:auto!important; border-radius: 15px!important; 
	margin: 0 30px 0 0!important; float:left!important;}

.blog-intro-text {font-size:16px!important;}
.intg-container {font-size:16px!important;}

/*DIFFERENT COLUMN WIDTHS*/
.grid-container {    padding: 10px;    margin: 10px;  }
.two-column {    display: grid;    grid-template-columns: 2fr 1fr;   gap: 10px;  }
.three-column {    display: grid;    grid-template-columns:  3fr 2fr 1fr;     gap: 10px;  }
.four-column {    display: grid;    grid-template-columns: 4fr 2fr 1fr 1fr;    gap: 10px;  }
.two-column12 {    display: grid;    grid-template-columns: 1fr 2fr;   gap: 10px;  }
.two-column13 {    display: grid;    grid-template-columns: 1fr 3fr;   gap: 10px;  }
.three-column131 {    display: grid;    grid-template-columns:  1fr 3fr 1fr;     gap: 10px;  }
.header-three-column131 {    display: grid;    grid-template-columns:  1fr 3fr 1fr;     gap: 10px; align-items: center !important;
} 
 
  /*EQUAL COLUMN WIDTHS*/
.grid-container-2 {    display: grid;   grid-template-columns: repeat(2, 1fr);    gap: 10px;     padding: 10px;  }
.grid-container-3 {    display: grid;    grid-template-columns: repeat(3, 1fr);    gap: 10px;    padding: 0px;}
.grid-container-4 {    display: grid;  grid-template-columns: repeat(4, 1fr);    gap: 10px;    padding: 0px;}
.grid-container-5 {    display: grid;    grid-template-columns: repeat(5, 1fr);    gap: 10px;    padding: 0px;}
.grid-container-6 {    display: grid;    grid-template-columns: repeat(6, 1fr);    gap: 10px;    padding: 0px;}

.grid-item {   }

a#scroll-to-top {    width: 40px !important;
    height: 45px !important;
    border-radius: 4px !important;
    background: #3F75B1 url(https://www.interviewgold.com/images/scroll-top.png) no-repeat 50% 48% !important;
    position: fixed;
    bottom: 48px;
    right: 60px;
    display: none;
    opacity: 0.84;}


.intg-blog-intro {    border: none!important;      background-color: #f3f9ff!important; color:#505050!important;}

.intg-container h1 {  color: #505050!important;}
.blog-intro-text {   color: #505050!important;}

.intg-blog-list-image .intg-blog-feat-img img {border-radius:10px;}
.intg-blog-hero img {    border-radius: 10px!important;}
.intg-button-blue a {    color: #3f75b1!important;    background: #fff!important;     border: 1px solid #afc7e1!important;   }
.intg-blog-section {    border-bottom: none!important;}
.intg-blog-list-content .post-mod, .block-post.more-block .post-mod {background: #f3f9ff!important;
    color: #3f75b1!important;
    font-weight: 500;}
.intg-blog-featured-post {border-radius:10px!important;}
.intg-blog-feat-img img {  border-radius: 10px 10px 0 0 !important;}
.blog-home-cat {    border-radius: 10px!important;}


/* Header
------------------------------------------------------------------*/

#header{ width:100%; 	padding: 0px;     background-color:#F3F9FF; position: fixed;
    top: 0;    z-index: 100; border-bottom: 1px solid #ededed; }
#headerinner { width: 100%; margin: auto; margin-top:0px;  height:80px;  }
#headercontents {justify-content: end !important;  margin-top: 0px !important;}
#headerselect {float:left; margin-left:0px;}

/*- Mainnav--------------- */

#mainnav { margin:15px 0 0 0px; text-align:center;  }
#mainnav  ul { padding-left: 0;	margin-left: 0; list-style-type: none;text-decoration: none;list-style: none;}
#mainnav  ul li {	display: inline; }
#mainnav  ul li a{	text-decoration: none;	color: #666666;	padding:2px 10px 2px 0px;	margin-left: 0px; /*border-left: #c2e7f9 solid 1px; font-size:12px;*/ }
#mainnav  ul li a:hover { color:#3f75b1;}
#mainnav  a.active { color:#f49b55; }

.buynow {    padding: 0px;    margin: 0px 0 0 0px;    font-size: 13px;}
.buynow .mybtn {    font-weight: 500;    padding: 15px 30px 15px 30px;    border-radius: 50px 50px 50px 50px;
}

#logo { margin: 10px 0 0 0px;     float: left;     width: 28%;}
#logo img { width:250px; }

#loginmobile {display:none; }

  /* ---mobile menu bar -start */
  * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.menu-btn {
  padding: 8px 14px;
  border: 1px solid #2e3348;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  border-radius: 10px;
  background-color: transparent;
  color: #2e3348;
  display: none;
}
.menu-info {
  width: 100vw;
  background: white;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 0px;
  overflow: hidden;
  min-height: 100vh;
  z-index: 1;
}
.sidebar {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1;
  top: -100%;  
  left: 0;
  background-color: #f6f9fc;
  overflow-y: auto;
  transition: 0.5s;
  padding: 0px 20px 0 20px;
}
.close-div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sidebar .close-btn {
  margin: 24px 0  20px;
}

.menu {
  list-style: none;
  padding: 0;
  margin-top: 30px;
}

.menu li a {
  text-decoration: none;
  font-size: 18px;
  color: #333;
  border-top: 1px solid #cfcfcf;
  padding: 16px;
  text-align: start;
  width: 100%;
  display: block;
}
.menu li:last-child{
  border-bottom:  1px solid #cfcfcf;
}
/* ---menu bar -end */
    		    
    
 	/* Footer
------------------------------------------------------------------*/

#footer { width:100%;	padding: 0px;  	margin: auto; margin-top:50px;  min-height: 500px; text-align:left; color: #c2e7f9; background-color:#585F69; }
	
#footer_contents { padding-top:30px; width:960px; margin: auto;  }	
.footer_box {	 }
.footer_box h3 {color: #c2e7f9; font-size:16px; border-bottom: solid #c2e7f9 1px;}
#footer ul {	padding-left: 0;	margin-top: 10px;}
#footer ul li {	display: block;}
#footer ul li a{	text-decoration: none;	font-size: 14px;	
	color: #c2e7f9; list-style:none; line-height:20px; }
#footer ul li a:hover {	color: #FFeb00;	text-decoration: none;	}


#footer_base {width:100%; margin:auto; color: #c2e7f9;text-align:center; font-size:13px; margin-top:35px; background-color:#4D535B;  padding-bottom:20px; }
#footer_base a:link {color: #c2e7f9; text-decoration: none;}
#footer_base a:visited {color: #cccccc;	text-decoration: none;}
#footer_base a:hover {text-decoration: underline;}
#footer_base ul  {	 margin-left:0px;}

#footer_base ul li {	display: inline; }

#footer_base ul li a{	text-decoration: none;	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	font-weight: normal;
	color: #cccccc;	
	background-position: 0 center;	padding-left: 16px;	margin-left: 10px; border-left: #cccccc solid 1px; }
    
.download { margin-top:20px; }
.picround {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    float: left;
    border: solid 2px #F2F2F2;
    margin-right: 8px;
}
.social svg {    fill: #F49B55;}
    
 	/* Page 
------------------------------------------------------------------*/    
.row { width: 100%; margin: 0 auto; overflow: hidden;}
.row50 { width: 100%; margin: 0 auto; overflow: hidden; padding:50px 0 50px 0;}
.row50 border { width: 100%; margin: 0 auto; overflow: hidden; padding:50px 0 50px 0; padding: 25px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: solid #f2f2f2 1px;
    border-left: 0;
    border-right: 0;
    margin: 60px 0 32px 0;}

.left {float:left; width:48%;}
.right {float:right; width:48%; display:block; }
.w20 {width:20%; }
.w80 {width:80%; }
.w2 {width:48%; }


#colright {	float: right;	width: 300px;	padding-left: 0px;/*display:none!important;*/}
.contentadvert {margin: 50px 0 50px 0;}
.contentadvert ul {list-style:none;}
.adlink { font-size: 20px;
    margin: 50px 0 50px 0;
    width: 100%;
    text-align: center;
line-height: 26px;
}



#blogbanner{ 	padding: 0px;  	margin: auto; background-color:#f8f8f8; }
#blogbannerinner{ width: 970px;	height: 80px;	margin: auto; margin-top:10px; border: solid #F1F1F1 1px;   }

#archive-post {   padding: 0px; margin: 0 0 0px 0px; border-bottom: 1px solid #EAEAEA; }
#archive-title { margin: 0 0 0 0px; text-align:center;}
#archive-title h2 { margin: 20px 0 30px 0;
    border-top: none;
    padding-top: 0px;}

#archive-title h2 a {
    text-decoration: none;
}

.entry { display:block; margin-top:0px; clear:both;  padding: 0px 0 10px 0; overflow: hidden; }
.entry a { text-decoration: underline; font-weight:bold; }
.entry a:hover{ text-decoration: none; }


.entry ol {
    margin: 30px 0 30px 30px;

}

.entry ol li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
}

.entry ul {
    margin: 30px 0 30px 30px;
    list-style: none;
	text-align:left !important;
}

.entry ul li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
}
    
.entry ul  li:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    left: 0;
    top: 6px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #81c3ed;
}

.entry img {width:100%; height:auto; border-radius:15px; /*padding:1%; border: 1px solid #dddddd; */ 
	margin:50px 0;  }

.entry h3 {  margin: 40px 0 30px 0;         padding-top: 0px; /*border-left: 5px solid #81c3ed;
    padding-left: 20px; */}
/*.entry h3:after { content: "";  This is necessary for the pseudo element to work. 
   display: block; width: 15%; height: 3px; background: #f09300;
   margin-top:20px;  }*/ 
 .entry h4 {  margin: 40px 0 40px 0; border-left: 3px solid #4677b8; padding-left:20px; font-weight:bold;}  

.meta-category {
	padding: 5px;
	font-size:11px;
}

.meta-category a {text-decoration: none; background: #ffffff;
             color:#3f75b1; 
    padding: 10px 8px;
    border: 1px solid #afc7e1;
       border-radius: 5px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    margin: 3px 0px;}

.meta-category a:hover {
text-decoration: none;
color:#FFCC66;
}


   
 	/* Buttons 
------------------------------------------------------------------*/

.mybtn {
background-color: #F49B55;
    margin: auto;
    padding: 8px 20px;
    font-size: 13px;
    color: #fff !important;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
    position: relative;
    border-radius: 4px;
    border: none !important;
}


.mybtn a { color:#FFFFFF; text-decoration:none;}
.mybtn:hover {	  opacity: 0.5;    filter: alpha(opacity=50);}

.mybtnlarge {
	background-color:#f49b55;
    padding:15px 50px;
    margin: 20px 0px;
	font-size: 18px; 
	text-align:center !important;
	color: #fff !important;
text-transform: uppercase;
	text-decoration:none !important;
	font-weight:normal !important;
	cursor: pointer;
	display: inline-block;
	border-radius: 5px;
    position: relative;
	border:none!important;

}
.mybtnlarge a { color:#ffffff; text-decoration:none !important;}
.mybtnlarge:hover {	  opacity: 0.5;    filter: alpha(opacity=50);}


.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative; width:100%;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}






 	/* Blog Call Outs and Ads
------------------------------------------------------------------*/  
.callout { border-left: solid #f49b55 2px; margin:10px 0 10px 30px; padding: 30px; font-size:16px; }
.lightbox {display: block;  width:100%;    margin: 50px 0px 50px 0px;  padding: 30px;    position: relative;   }

.blue {background-color:#3f75b1; color: #ffffff; }
.aqua {background-color:#cdecfb!important; }
.cyan {background-color:#f3f9ff; }
.grey {background-color:#f5f5f5; }
.orange {background-color:#fdeadc!important; }
.beige {background-color:#f7f4ef;    }

.bg-grey { background-color:#f5f5f5;}
.bg-blue { background-color:#3f75b1; color: #ffffff;}

.calloutbox {
   display: block;     margin: 50px 0px 50px 0px;     padding: 30px;
    position: relative;     border: 1px solid #dddddd;     -moz-border-radius: 4px;
    border-radius: 15px;
    zoom: 1; background:#f3f9ff; text-align:center;   }
   
.calloutbox h3 { font-size:24px;  margin: 0px 0 30px 0;         padding-top: 0px; }
.calloutbox h3:after { content: "";  /*This is necessary for the pseudo element to work. */
   display: block; width: 100%; height: 1px; background: #f49b55;
   margin-top:20px;  }
.calloutbox a {  /*color:#39689e; font-size:15px; font-weight:bold; text-decoration: none; */}
.calloutbox a:hover { color:#f09300; }
.strapiine { font-size:13px; }
   
 /*.calloutbox  p { 
   
   font-size: 15px;
    line-height: 140%;
    letter-spacing: 0px;
    text-decoration: none; }*/

.calloutspan {  margin:15px 0 15px 20px; padding:15px 15px 15px 10px; width:90%; font-size:12px; color:#333;  background-color:#f5f5f5;}

.quoteblock {  font-family: 'Merriweather',serif;
    font-weight: 300;
    font-style: italic;
    font-size: 18px;
    line-height:130%;
    padding-left: 50px;
    margin: 20px 0px;
    background-image: url(https://www.interviewgold.com/images/quote-callout-gray.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    border-left: 0px;}
    
 .quoteblock  p {      font-size: 18px;   }

.tipbox {    border-left: 5px solid #f49b55;
    padding: 20px;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px;
    -webkit-box-align: center;
    align-items: center;
	width: 90%;
/*display: flex !important;*/
}
/*.tipbox a {color:#e58d48;}
.tipbox h3 {    align-self: flex-start; margin-right:20px;*/ margin }

    
.keylearning { display: block;     margin: 50px 0px;    padding: 30px;   
font-size:14px; background:#f8f8f8;
  border: 1px solid #dddddd;
    -moz-border-radius: 8px;
    border-radius: 8px;
    zoom: 1; overflow:auto;
}
.keylearning h4 { border-bottom: solid 1px #ededed; margin-top:0px; text-transform:uppercase; font-size:18px;
height:50px; padding-top: 10px; 
background-image:url(../images/icons-tips.png); background-repeat:no-repeat; 
background-size:50px 50px; background-position:right; }
.keylearning ul { margin:10px 0 0 20px;}
.keylearning  li {	list-style-position: outside; list-style:disc; margin:5px 0 0 0;}


ul.ticklist li {
    position: relative;
    padding-left: 45px;
    margin-bottom: 15px;
}
    
ul.ticklist li:before {
  content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
   top:0;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: url('https://www.interviewgold.com/images/tick-circle-blue.png') no-repeat center center transparent;
	-webkit-background-size: 25px 25px;
	-moz-background-size: 25px 25px;
	-o-background-size: 25px 25px;
	background-size: 20px 20px;
}

.bannerad {width:100%; background-color:#497bba; border-radius:15px; border: 1px solid #dde2e8; }
.banneradin { color:#ffffff!important; padding:30px; align-items:center; text-align:center;}
.banneradin h1 {color:#ffffff!important; font-family: 'Varela Round', sans-serif; font-size: 2.2rem!important; margin-bottom:20px;}
.banneradin h2 {color:#ffffff!important; font-family: 'Varela Round', sans-serif;}
.banneradin p { font-size: 18px; color:#f4f9ff;}
.cta-start { width:500px;  overflow:hidden;  margin: 0 auto; }
.cta-start p {  margin:0px !important;}

.cta-start .dropdownhome {
    width: 100%;
	float:left;
    margin-top:0px!important;
	margin-bottom:10px;
    height: 50px;
    color: #7c7979;
    border: 1px solid #dde2e8;
    padding-left: 10px;
    font-size: 18px;
    position: relative;
    line-height: 20px;
    text-decoration: none;
    outline: none;
    vertical-align: middle;
    background: #FFF;
    border-radius: 5px;
    display: inline-block;
    cursor: pointer;
}

.autocomplete {
    position: relative;
    /* display: inline-block; */
}

.cta-start .mybtn {height:50px;margin-top:0px; margin-left:0px; width:100%; }
.cta-start form { margin-top:0px;padding-top:0px; } 
.cta-start form br {  line-height: 0;  margin: 0;  padding: 0;}
.strapline {margin-top:20px; font-size:13px; }
.join {margin-top:-160px; }
.join form {display:inline;}
.joinad {margin-top:0px; }
/*.join .mybtn {height:50px;float:right; margin-top:0px; margin-left:0px;}*/


.testimonial { width:100%;     margin: 50px 0px; padding:10px; }
.shadow {    box-shadow: 0 2px 14px 0 rgba(71, 98, 138, 0.25);}
.boxsquare {
    min-width: 0;
	padding:30px; 
    min-height: 100px;
    margin-bottom: 30px;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0, 0, 0, 0.125);
    border-radius: 20px;
    display: block;
    overflow: hidden;
}

.w75 {    width: 75%;}

.happy img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: solid 8px #f3e6dd;
    float: none;
    vertical-align: middle;
    margin-right: 10px;
	margin: auto;
    /* border: solid 1px #819fd1; */
}
.happy .star {
    width: 100px;
    height: 20px;
    border-radius: 0%;
    border: none;
	margin:0px!important;
}


 	/* Sidebar
------------------------------------------------------------------*/

#sidebar li.widget {
	list-style: none;
	/*margin: 10px 0 0 0;
	padding: 0px 0 0 0px;
	line-height: normal;
	overflow: visible;
    padding: 4%;
    border: 1px solid #dddddd;
    border-radius: 4px;
    font-size: 13px;
    overflow: hidden;
	
	background-image: url(https://www.interviewgold.com/images/menuleft_bar.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;*/
}   

.widget {   margin: 10px 0 40px 0;
   /* 
  	padding: 0px 0 0 0px;
	line-height: normal;
	overflow: visible;
    padding: 4%;
    border: 1px solid #dddddd;
    border-radius: 4px;
    font-size: 13px;
    overflow: hidden;*/
}


.widget-box { 
background: #F4F9Fd !important;
	padding: 4%;
	border: 1px solid #dddddd;
    border-radius: 10px;
    font-size: 13px;
    line-height: 16px;
    overflow: hidden;
    }
    
.widget-box ul li { list-style: none;
    }

.widget-box h4 {
	 /*background-color: #3f75b1;  color: #FFFFFF;*/
    margin: 0px;
    margin-bottom: 10px;
    padding: 15px;
   font-size: 18px;
	
}


.widget-box a { text-decoration: none;}
.widget-box a:hover{ text-decoration: underline;}


#recent-posts-2 h2 {  
 /*background-color: #3f75b1;  color: #FFFFFF;*/
    margin: 0px;
    margin-bottom: 10px;
    padding: 15px;
   font-size: 18px; }
    
  
    
#recent-posts-2 {
background: #F4F9Fd !important;
	padding: 4%;
	border: 1px solid #dddddd;
    border-radius: 10px;
    font-size: 13px;
    line-height: 16px;
    overflow: hidden;

}
   
    .widget_recent_entries ul {
    padding:10px;
     list-style-type: none !important; 
               }
   
     
  .widget_recent_entries ul li a {
    display: block;
    min-height: 20px;
    padding: 10px;
    color: #3f75b1;
    border-bottom: 1px solid #f1f1f1;
    text-decoration: none;
}

 .widget_recent_entries ul li a:hover {
color:#f09300;
    background: #f4f9fd;
    list-style-type: none !important; 
}


.cssmenu {
   
    margin: 0;
   padding:15px;

}

.cssmenu h1 {
    background-color: #82c8fb;
    margin: 0px;
    margin-bottom: 10px;
    padding: 15px;
    color: #FFFFFF;
    font-size: 16px;
}


.cssmenu ul li {
     list-style-type: none !important; 
    
}


.cssmenu ul li a {
    display: block;
    min-height: 20px;
    padding: 10px;
    color: #3f75b1;
    border-bottom: 1px solid #f1f1f1;
    text-decoration: none;
    
}

.cssmenu ul li a:hover {
color:#f09300;
    background: #f4f9fd;
    list-style-type: none !important; 
}



.widget-box img {
	width: 80px;
    height: 80px;
    border-radius: 50px;
    border: solid 2px #fff;
    float:left;
    margin: 0 30px 0 0 ;
        }

.widget-box p {
	 overflow: hidden;
     margin:0;
  
}
.widget-box_text p {
		margin-top:0px;
	padding:0px;
}


.boxblue { width:100%; background-color: #4980c7; margin:auto; margin-bottom:30px; padding: 20px; color:#ffffff;  
 display:block; 
	position:relative; 
	border-radius: 10px;
	clear:both;}

.boxblue h2 {margin:0px; padding:0px; text-align:center;}

.boxblue p {text-align:center; color:#ffffff;}

.boxblue .content {text-align:center; margin:15px 0 10px 0;}

.dropdown { height:35px; 
    border:1px solid #dde2e8;
    padding-right: 50px;
	font-size:14px;
	position: relative;
    line-height: 20px;
    text-decoration: none;
    outline: none;
    vertical-align: middle;
    background: #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    cursor: pointer;
    margin: 0px;	   }
   
.dropdown:hover {
    border-color:#F4F9Fd;
}

ul.bulletblue {
    margin: 30px 0 30px 0;
}

ul.bulletblue li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
}
    
ul.bulletblue li:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    left: 0;
    top: 6px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #81c3ed;
}

/* Other
------------------------------------------------------------------*/    
          
.last-updated {    font-size: 12px;} 

.related-posts {
margin-top:20px;
margin-bottom:20px;
background-color: #f5f5f5;
padding:20px;
padding-bottom:30px;
}

.related-posts h2 { margin-top:0px;}



.post-ad {
background-color: #f4f9fd;
padding:50px 20px 50px 20px;
margin:50px 0 50px 0;
color:#666666;
display:block;
overflow:hidden;
text-align:center;
border: 1px solid #dddddd;     
 border-radius: 4px;
}

.post-ad h1 {
font-size:26px;
color:#3f75b1;
margin: 0 0 30px 0;
}

.post-ad img {
border: 1px solid #f4f9fd;
border-radius: 6px;

}

.post-ad .strapline {font-size:12px; }
.post-ad .strapline p {margin:0px; }

div.post-ad-image {
margin-top: 5px;
margin-left: 10px;
margin-right: 15px;
margin-bottom: 5px;
overflow: hidden;
float: left;
}

h2.post-ad-title {
color: #1b5eab;
font-size: 20px;
font-weight: normal;
line-height: 28px;
text-decoration: none;
text-shadow: 0 1px 0 #ffffff;
margin-bottom: 5px;
}

.post-ad-by {
color: #aaaaaa;
font-size: 14px;
font-style: italic;
line-height: 22px;
padding: 0 0 8px 0;
margin: 0;
}

.post-ad-body {
margin-top: 20px;
margin-left: 5px;
margin-right: 5px;
text-align:center;
}

.post-ad-button{margin-top:20px; text-align:center; }


.post-ad-footer {
margin-top: 15px;
margin-left: 15px;
}


#listc {margin:20px 0px 20px 30px;}
#listc li {	list-style-position: outside; list-style:disc;}

#listk {margin:20px 0px 20px 30px;}
#listk li {	text-decoration: none;	list-style-position: outside;	list-style-image: url(../images/tick.gif);
	list-style-type: none;	border-bottom-width: 0px;	border-bottom-style: dotted; border-bottom-color: #CCCCCC; 
	 padding-left: 1px; margin: 0px 0 3px 0;}



ul, li, ol  {
	margin: 0;
	padding: 0;
}


.clear  {
	clear: both;
}

.pic  {
	border: 3px solid #DDe2e8;
}

.pic:hover  {
	border: 3px solid #6091cc}

.pic2  {
	border: 1px solid #e1e1e1;
}


.button {
	border: 1px solid #CCCCCC;
	background-color: #5283c5;
	height: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	cursor: pointer;
	padding: 2px 2px 0px;
}


a {	text-decoration: none; color: #3f75b1;}
a:hover { 	text-decoration: none;  color:#f49b55;}




/*---text---*/

.idmarker {padding-top:10px;}
.bold  {	font-weight: bold;}
p {	display: block;	margin: 28px 0;	padding: 0;}

h1  {   font-family: "museo-sans",sans-serif;
    font-weight: 400;
    font-size: 2.6rem;
    letter-spacing: 0px;
    text-transform: none;
    line-height: 130%;
    color: #575757;
   /* 
    font-weight: 500; font-size: 32px; line-height: 28px; 	margin: 30px 0 30px 0;
color: #3f75b1;*/
}

#column h1 a {	text-decoration: none;}

h2  {	font-size: 30px;
    font-weight: 500;
    line-height: 130%;
    margin: 50px 0 40px 0;
    /* border-top: 2px solid #cccccc; */
    padding-top: 0px;
    font-family: Nuckle, arial, sans-serif;
}

h2:after { content: "";  /*This is necessary for the pseudo element to work.
  display: block; width: 15%; height: 1px; background: #f49b55;
   margin-top:30px; */}

.subheading { font-size: 20px;
	line-height: 26px;
	margin: 50px 0 30px 0;
	border-top: none;
    padding-top:0px; }

h3  {	font-weight: normal;
	font-size: 24px;
	line-height: 120%;
	margin: 30px 0 30px 0;
	font-family: Nuckle, arial, sans-serif;
	/*border-bottom: 1px solid #E4E4E4;*/
}

h4  {
	/*color: #1472BE;*/
	font-weight: normal;
	font-size: 18px;
	line-height: 130%;
	margin: 20px 0 0 0;
}

h5  {
	color: #1472BE;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	margin: 0px 0 0 0;
}

h6  {
	color: #1472BE;
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
	margin: 0px 0 0 0;
}



#column ul, #column ol {
	margin-left: 25px;
margin-top: 25px;
}
.text-left {text-align:left!important; }
.alignright {float:right; margin:0 0 1em 1em}
.alignleft {float:left; margin:0 1em 1em 0}
.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


	
/* Styling 'Author bio Box'  */
.author-box {  background: #F4F9Fd;
padding: 4%;
	 	border: 1px solid #dddddd;
     border-radius: 4px;
    font-size: 13px;
    line-height: 20px;
    color: #555555;
    overflow: hidden;
	  margin: 0 auto; 
    text-align: center;
}


.author-box a { text-decoration: none;}
.author-box a:hover{ text-decoration: underline; }

.author-left-side {
Width:100%; height: 100px;
}
.author-right-side {

/* Caution! The default image size I used is 80px by 80px.
If you increase the image size, you might need to decrease the width */
width:100%;
margin: 0px;

}
.author-img {
width:100%;
}

.author-box img {
width: 80px;
    height: 80px;
    border-radius: 50px;
    border: solid 2px #fff;
     position:relative;
     margin: 0 auto; ;
}

.author-name {
font-weight:bold;
}
.author-name span {
font-size: 13px;
}
.author-bio {
padding: 0;
}
.clear {
clear:both;
}	

/* STYLES ADDED BY AIDAN SEPTEMBER 2013 

.categories{
	float:left;
	margin:1em 0 2em 0;
}
.featured_posts, .latest_posts{
	line-height:1.2em;
}
.featured .meta{
	font-size:11px;
	float:left;
	width:100%;
	border-bottom:1px dashed #999999;
}
.introduction{
	float:left;
	width:100%;	
	padding-bottom:1em;
	border-bottom:1px dashed #999999;
	margin-top:30px;
}
.welcome{
	width:50%;
	float:left;
	padding:0;
	padding-bottom:1em;	
}
.welcome img{
	width:100%;		

}*/

/* FEATURED POSTS 

p.meta{
	color:#000;
}
.featured_posts{
	width:45%;
	float:left;
	padding:0;
	margin-left:5%;
}
.introduction h1{
	text-decoration:none;
}
.featured_post{
	float:left;
	padding-bottom:1em;
	width:100%;
	overflow:hidden;
}
.featured_posts h1{
	text-decoration:none;
	margin:0; padding-bottom:2px;
	border-bottom:1px solid #f1f1f1;
	margin-bottom:20px;
}

.featured_post h4{ font-size:12px;
	text-decoration:none;
	margin:0; line-height:16px;
}

.featured_post p{ font-size:11px;
	text-decoration:none;
	margin:10px 0;
	line-height:12px;
	
}
.featured_post img{
	float:right;
	width:30%;
	margin:0 1em 1.5em 0;
}

.featured_post .meta{ 
		float:left;
		background-color:#f5f5f5; 
		width:100%;
		margin:0; padding:0;
	
}*/
/* END FEATURED POSTS */

/* LATEST POSTS */


/* LATEST POSTS 
.latest_posts{
	width:100%;
	float:left;
	padding:0;
	margin:0;
}

.latest_post .meta{ 
		float:left;
		font-size:11px;
		width:100%;
		margin:0; padding:0;
	
}

.latest_post{
	float:left;
	padding-bottom:1em;
	width:30%;
	overflow:hidden;
	margin:0 3% 1em 0;
}
.latest h1{

}
.latest_post h1{
	text-decoration:none;
	margin:0;
}
.latest_post p{
	text-decoration:none;
	margin:1em 0;
	line-height:14px;
}
.latest_post img{
	float:left;
	width:100%;
	margin:0 1em 1.5em 0;
}*/

/* END LATEST POSTS */

/* SIDE BAR ELEMENT 

.side_bar_element{
background: #f5f5f5;
border: 1px solid #e5e5e5;
padding: 10px;
margin: 20px 0 20px 0px;
}
.side_bar_element a img:hover{
	opacity:0.8;
}
.side_bar_element h1{
	color:#333333;
	font-size:16px; 
	margin-bottom:10px;
}
.side_bar_element p{
	margin:1em 0;
}*/
/*
.side_bar_element input.submit_button{
	
	background:#0066FF;
	color:#FFFFFF;
	margin-top:0.5em;
	border:none;
	padding:0.5em;
}
.side_bar_element input.submit_button:hover{
	opacity:0.8;
	cursor:pointer;	
}
.side_bar_element input.text{
	font-size:1.2em;
	padding:0.2em 0 0.2em 0;
}
*/
.icon{
	float:left;
	margin-right:0.5em;
	width:48px;
	height:48px;	
}
.icon:hover{
	opacity:0.8;
	cursor:pointer;
}
.twitter{
	background: url(https://www.interviewgold.com/advice/wp-content/uploads/2013/10/Twitter.png) no-repeat top left;
}
.facebook{
	background: url(https://www.interviewgold.com/advice/wp-content/uploads/2013/10/Facebook.png) no-repeat top left;
}
.linkedIn{
	background: url(https://www.interviewgold.com/advice/wp-content/uploads/2013/10/Linkedin.png) no-repeat top left;
}
.google{
	background: url(https://www.interviewgold.com/advice/wp-content/uploads/2013/10/Google+.png) no-repeat top left;
}
/* END SIDE BAR ELEMENT */



/* FOR PAGINATION */

.pagination {margin-top:80px; margin-bottom:30px;}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	color: #fff;
	text-decoration:none;
}

.navigation li {
	display: inline;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	background-color: #426DB5;
	border-radius: 3px;
	cursor: pointer;
	padding: 12px;
	padding: 0.75rem;
}

.navigation li a:hover,
.navigation li.active a {
	background-color: #3C8DC5;
}

/* HOME 2018 */

.welcome {
    padding:20px;
     background-color:#f4f4f4;
   text-align:left;
	min-height: 230px;
    margin:0px 0 10px 0;
	background-image: url("https://www.interviewgold.com/advice/wp-content/uploads/2021/11/blog-home.jpg"); background-repeat: no-repeat;
}

.welcome h1 {
color:#3f75b1; margin-top:0px;}




.featured_column {
width:100%;
 margin: 0 auto;
   clear: both;
   padding: 20px 0px 0px 0px;
   position: relative;
      
}

.featured_column h2 {  font-size: 24px; margin-top:0px;}

.featured_posts h1 {
    text-decoration: none;
    margin: 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #efefef;
    margin-bottom: 20px;
   
}
.featured_post {
width:280px;
float:left;
   background: #f8f8f8;
   margin: 30px 20px 30px 20px;
    border-radius: 4px;
    transition: .2s all ease-in-out;
    border: 1px solid #e9e9e9;
    padding:0px;
}

.featured_post a { text-decoration: none; }
.featured_post a:hover { color:#f09300; }

.featured_post img {width:100%; height:auto;}

.featured_post .title 
   {    padding: 30px 20px 0px 20px;  }
   
 .featured_post .title a:hover 
 {color:#F09300; text-decoration:none;}  
   
.featured_post .title  h4
   { font-size:12px; text-transform: uppercase;
    }


.featured_post h2 {
   text-decoration: none;
   margin:0px;
   padding: 0px;
   padding-top:4px;  
    color: #575757;
    font-size: 16px;
   line-height: 130%;
   border-top: 2px solid #3f75b1;
  }
  

#column img {
    border: 0;
    padding: 0;
	margin: 0 0 10px !important;
	    width: 100% !important;
    height: auto !important;
	max-width:100%;
}

.featured_post .meta-wrap {
    width:93%;
    clear:both;
    background-color: inherit;
    padding:10px;
}


.author-image-post {
width: 15%;
float: left;

}


.avatar .avatar-96 .photo {width: 40px !important;
height: 40px !important; }

.author_img {
border-radius: 50%;
border: 1px solid;
overflow: hidden;
width: 40px !important;
height: 40px !important;
object-fit: cover;
}

.author_img_post {
border-radius: 50%;
border: 1px solid #afc7e1;
overflow: hidden;
width: 60px !important;
height: 60px !important;
object-fit: cover;
	float:left;
	margin-right:20px; 
}

.author_img_post img {
    margin: 0!important; */
}

.featured_post .meta {
    width:80%;
    float: right;
    background-color: inherit;
}
.featured_post .meta p, .latest_post .meta p {
      font-weight:normal;
      font-size:11px;
      margin:0; padding:0;
}


.introduction {
border-bottom: 0;
}
.latest_posts h1 {
text-decoration: none;
margin: 0;
padding-bottom: 5px;
border-bottom: 1px solid #efefef;
margin-bottom: 20px;
}
.featured_post, .home.blog .latest_post {
min-height: 350px;
}



    /* email container css start */
   

    .email-card {
     display:flex;
      background: #2b64ad;
      padding: 25px;
	padding-bottom:10px;
      border-radius: 10px;
		color:#ffffff;
    }

    .email-card-image {
      width: 50%;
	  padding:0;
    }

    .email-card-form {
      width: 50%;
      text-align: left;
    }

.email-card p {margin: 10px 0!important;}

    .email-input {
      padding: 12px 15px;
      outline: none;
      width: 85%;
      border: 1px solid #ced4da;
      border-radius: 0.375rem;
      font-size: 1rem;
      background-color: #f8f9fa;
      transition: border-color 0.3s ease, box-shadow 0.3s ease;
    }

    .email-input:focus {
      border-color: #F49B55;
      box-shadow: 0 0 0 0.2rem rgba(244, 155, 85, 0.25);
      background-color: #ffffff;
    }

    .email-input::placeholder {
      color: #6c757d;
    }

    .email-text {
      margin-top: 0px !important;
      color: #6c757d;
      text-align: left;
    }

   .email-header {
      font-size:30px;
	  line-height:40px;
    }

    .permission input[type="checkbox"] {
      height: 20px;
      width: 20px;
    }

    .permission p {
      margin: 0;
    }

    .permission-lable {
      margin-bottom: 15px !important;
    }

    .email-submit-btn {
      padding: 10px 10px 10px 10px;
      border: none;
      outline: none;
      background-color: #F49B55;
      text-transform: uppercase;
      font-weight: 600;
      font-size: 18px;
      color: #FFF;
      width: 30%;
      border-radius: 6px;
      cursor: pointer;
    }

    .email-img {
      width: 100%;
	  height:auto;
	  border-radius: 10px!important;
	 margin: 0!important;
     
    }



     @media (max-width: 768px) {
      .email-card-main {
        padding: 20px;
      }

      .email-card {
        padding: 15px;
      }

      .email-card-image {
        /*display: none;*/
      }

      .email-card-form {
        width: 100%;
      }

      .email-submit-btn {
        font-size: 16px;
        width: 100%;
      }

      .email-input {
        padding: 10px;
        font-size: 14px;
        width: 95%;
      }

      .permission {
        align-items: center;
      }

      .permission-lable {
        font-weight: 600;
      }

  
      .email-text {
        margin-top: 10px !important;
        font-size: 15px;
      }
    }

    @media (max-width: 480px) {
      .email-card-main {
        padding: 20px;
      }

      .email-card-form h3 {
        font-size: 40px;
        margin-bottom: 15px !important;
      }

      .permission input[type="checkbox"] {
        height: 20px;
        width: 20px;
      }

      .permission {
        align-items: center;
      }

      .permission-text {
        font-size: 15px;
        text-align: left;
      }

      .email-card {
        flex-direction: column;
        align-items: center;
        padding: 15px;
      }

      .email-text {
        margin-top: 10px !important;
        font-size: 15px;
      }

      .email-card-image {
        width: 100%;
		
        margin-bottom: 20px;
      }

      .email-card-form {
        width: 100%;
        text-align: center;
      }

      .email-input {
        width: 90%;
        padding: 10px;
      }

      .email-submit-btn {
        width: 80%;
        font-size: 16px;
        padding: 12px;
      }

      .email-img {
       
        margin-top: 20px;
      }
    }

    #response-message {
     padding: 10px;
      margin-top: 10px;
      width: 90%;
      display: none;
    }

     .permission-main {
      display: flex;
    }

    .opt-in {
      font-weight: 600;
      font-size: 16px;
    }

    .permission-start {
      color: red;
    }

    #email-form {
    flex-direction: column;
    align-items: center;
    width: 90%;
    border-radius: 25px;
  }

  /* Email input + button container */
  .input-container {
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden;
    border: 1px solid #3f51b5;
    border-radius: 5px;
  }

  /* Input field */
  .email-input {
    flex: 1;
    padding: 12px;
    border: none;
    outline: none;
    font-size: 16px;
    background-color: #f5f5f5;
    color: #777;
    border-radius: 5px 0 0 5px;
  }

  /* Sign-up button */
  .signup-btn {
    background-color: #f49b55;
    color: white;
    padding: 14px 20px;
    border: none;
    cursor: pointer;
    font-weight: bold;
    border-radius: 0 5px 5px 0;
    white-space: nowrap;
  }

  /* Checkbox container */
  .permission {
    display: flex;
    align-items: flex-start;
    font-size: 12px;
	 line-height:16px;
    margin-top: 0px;
    text-align: left;
  }

  .permission input {
    margin-right: 8px;
    transform: scale(1.1);
  }


  /* Responsive Design */
  @media (max-width: 480px) {
    #email-form {
      padding: 10px;
    }

    .email-input {
      padding: 10px;
      font-size: 14px;
    }

    .signup-btn {
      padding: 12px;
      font-size: 14px;
    }

    .permission-text {
      font-size: 12px;
    }
  }
    /* email container css end */
 


/* END HOME 2016
*/








/* JAK 20211115 */


/* this @ 9:57am 17th
.intg-container {
	max-width: 980px; margin: 0 auto;
}


.intg-blog-hero {
	color: red;
}
*/